Dynamic IFRAME Resizing

Please visit http://www.ezitfixes.com

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