Dynamic IFRAME Resizing
June 9th, 2008
IFRAMEs are generally not considered a good idea to use but sometimes it really helps. But resizing an IFRAME as per the content is a big issue and I found a piece of code after some search which can resolve this issue.
In the head of your document enter the following JavaScript code:
<script language="JavaScript">
<!--
function calcHeight()
{
//find the height of the internal page
var the_height=
document.getElementById('the_iframe').contentWindow.
document.body.scrollHeight;
//change the height of the iframe
document.getElementById('the_iframe').height=
the_height;
}
//-->
</script>
and in the body create the iframe tag:
<iframe width="700" id="the_iframe" onLoad="calcHeight();" src="testing_page.shtml" scrolling="NO" frameborder="1" height="1"> </iframe>
This will create an IFRAME of width=700 and the height will depend on the content it stores.
Reference: Guymal Code