Resizing an iframe everytime a new page is loaded.

[Shawn05]

HI there. I am looking to try and figure out how to change the height of an iframe everytime a new page is loaded inside of it. I currently can change it onLoad of the initial iframe but not after something else is loaded inside of it. Here is what I currently have

<script language="JavaScript">
<!--
function calcHeight()
{
  //find the height of the internal page
  var the_height=
    document.getElementById('iframe').contentWindow.
      document.body.scrollHeight;

  //change the height of the iframe
  document.getElementById('iframe').height=
      the_height;
	  
}
//-->
</script>

Then the actual iframe

<iframe onLoad="calcHeight();" width="600" id="iframe" src="somepage.php" scrolling="NO" frameborder="0" height="100">An iframe capable browser is required to view this web site.</iframe>

Any help would be great. Thank you.

[Twey]

I don't think you can. I don't believe there's a handler associated with iframes for this eventuality. You'd just have to add the code to wherever the iframe-changing code is called from.

[jscheuer1]

It is not considered W3C valid but, the three major browsers like it fine. See my "Iframe SSI script III" as first introduced here and later modified for better behavior under Opera here. If you want a page that will validate, consider using DD's Iframe SSI script II or wait for my next modification in which the onload event(s) will be added dynamically to the iframe(s), so as not to excite the W3C validator.

[Shawn05]

works in firefox so it works for me. thank you.