Untitled

<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script type="text/javascript"

src="../js/iframeResizer.min.js"></script>
        <script type="text/javascript">

            iFrameResize({


    log                     : true,                  // Enable console logging
                enablePublicMethods

 : true,                  // Enable methods within iframe hosted page
                resizedCallback         : function

(messageData){ // Callback fn when resize is received
                    $('p#callback').html(


        '<b>Frame ID:</b> '    + messageData.iframe.id +
                        ' <b>Height:</b> '

+ messageData.height +
                        ' <b>Width:</b> '      + messageData.width +


        ' <b>Event type:</b> ' + messageData.type
                    );
                },


            messageCallback         : function(messageData){ // Callback fn when message is received


        $('p#callback').html(
                        '<b>Frame ID:</b> '    + messageData.iframe.id +


                    ' <b>Message:</b> '    + messageData.message
                    );


            alert(messageData.message);
                },
                closedCallback

: function(id){ // Callback fn when iFrame is closed
                    $('p#callback').html(


        '<b>IFrame (</b>'    + id +
                        '<b>) removed from page.</b>'


        );
                }
            });


        </script>
</head>

<body>
<h4>This is the main page.</h4>
<br></br>

<iframe id="idIframe" src="http://dev-myafa.cs24.force.com/Volunteer/joblisting" frameborder="0" scrolling="no"
width="100%"></iframe>

</body>
</html>