Dynamic iFrame

gistfile1.js

window.onload = function() { 

    // Instance variables

    var parentDiv; 
    var theIframe; 
    var contentDoc; 
    var newScrollHeight; 

    parentDiv = parent.document.getElementById('DivID'); 
    theIframe = parentDiv.getElementsByTagName('iframe')[0].contentWindow.document;
    contentDoc = my_iFrame.documentElement; 

    // Get iFrame's content height, X-Browser, X-OS

    my_scrollHeight = Math.max(theIframe.body.scrollHeight, theIframe.body.offsetHeight, contentDoc.clientHeight, contentDoc.scrollHeight, contentDoc.offsetHeight ); 
     
    // Change height of containing Div Element and of iFrame itself

    theIframe.style.height = newScrollHeight + "px";  
    parentDiv.style.height = newScrollHeight + "px"; 
}