jQuery Dynamically resize iframe

    [javascript]
    //put on the page that calls the iframe

    <script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script>
    <script type=’text/javascript’>

    $(function(){

    var iFrames = $(‘iframe’);

    function iResize() {

    for (var i = 0, j = iFrames.length; i < j; i++) {
    iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + ‘px’;}
    }

    if ($.browser.safari || $.browser.opera) {

    iFrames.load(function(){
    setTimeout(iResize, 0);
    });

    for (var i = 0, j = iFrames.length; i < j; i++) {
    var iSource = iFrames[i].src;
    iFrames[i].src = ”;
    iFrames[i].src = iSource;
    }

    } else {
    iFrames.load(function() {
    this.style.height = this.contentWindow.document.body.offsetHeight + ‘px’;
    });
    }

    });

    </script>
    [/javascript]

    Leave a Reply