How to resize a iframe inside the containing page?

Question

I want to access the iframe my page is in and resize it. By the way I'm doing it in javascript.

It's something like parent and height or offsetHeight.

<iframe src="mypage.asp" height="400" width="400" ></iframe> 

And in mypage.asp I do sth similar like this:

var h = // new height;
parent.height = h; 

But it ain't all right? Somebody else who knows more?

Answer 1

Try this if you want to resize the iframe from within the page that is loaded in your iframe. It seems to work locally at least:

function doIt() {
    var elem = window.parent.document.getElementById('myIframe'); // the id of your iframe of course
    elem.style.height = '40em';
}

I assume both the page and your iframe are yours and have the same "origin".