Javascript Tip: Adjust iframe Size to Fit its Contents

Sometimes we put iframe on HTML page and we need to adjust iframe size to fit its contents (iframe source HTML can be very big) ... Below is a small example that demonstrates how to do it:

< html>
< head>
< title>< /title>
< /head>

< body>
< iframe id="ifr" src="ifr.html">< /iframe>< br />
< input type="button" onclick="document.getElementById('ifr').style.height =
ifr.document.body.scrollHeight + 5" value="Ajust" />

< /body>
< /html>

Related Posts:

• Media Print Style Sheet Example
• Obtain Browser Capabilities Using Javascript (clientCaps)
• HowTo Add Image Background to Body in CSS
• CSS: Anchor styles [The right way to do it]
• Javascript: Maintaining Page Scroll Position

Good One. Helped me a lot

OR

<iframe name="ifr" id="ifr" src="whatever.html" onload="this.style.height = ifr.document.body.scrollHeight + 5"></iframe>