Home > Internet, Programming > Dynamic IFRAME Resizing

Dynamic IFRAME Resizing





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

Internet, Programming

Your Ad Here
Ad by AdBrite


  1. No comments yet.
  1. No trackbacks yet.