Question

So I automatically resize my iframe based on content height as follows:

<a href="#" onClick="sc.style.height='200px'; window.location.reload(); window.open('19.htm', 'middle'); return false;">Link1</a>
<iframe src="19.htm" name="middle"  id="middle" scrolling="no"></iframe>

However, I use my methods of resizing body haven’t worked…

I try the above code to automatically resize the body height so the iframe fit easily in the page because different pages content have different height

Any suggestions?

Answer 1

The following link contains the info you need: Control iframe height with jQuery

It’s worth using jQuery to make the dynamic changes you’ll need. In particular…

• http://api.jquery.com/height/
• http://jquery-howto.blogspot.com/2010/02/dynamically-create-iframe-with-jquery.html

If you’ve not used jQuery before now’s the time to start. It makes life much easier.