Colin Godsey » javascript http://www.colingodsey.com CRG Studios & Consulting Sat, 06 Mar 2010 00:09:59 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Dynamic Iframe Sized to Contents w/ Javascript http://www.colingodsey.com/dynamic-iframe-sized-to-contents-w-javascript/ http://www.colingodsey.com/dynamic-iframe-sized-to-contents-w-javascript/#comments Fri, 08 Feb 2008 16:28:44 +0000 Colin Godsey http://www.colingodsey.com/dynamic-iframe-sized-to-contents-w-javascript/ This Javascript works with Firefox and IE7. The function is called by the iframe’s onLoad event. It pulls the scrollbar height from the frame and resizes the frame height to match it.

<script language=”text/javascript”>
<!–
function calcHeight()
{
var the_height=
document.getElementById(’submit_frame’).contentWindow.
document.body.scrollHeight;

document.getElementById(’submit_frame’).style.height=
(the_height+10)+”px”;
}
//–>
</script>

And use the following HTML for the iframe.

<iframe src=”frame.html” onLoad=”calcHeight();” scrolling=”no” id=”submit_frame” style=”width: 400px”></iframe>

]]> http://www.colingodsey.com/dynamic-iframe-sized-to-contents-w-javascript/feed/ 7