Java Script - Script compatibility.

[bassplayinuk]

I use the followinf script to resize the an iframe depending on the scroll size of the page within the frame. Saves having another scroll bar on the page.


<script language="javascript">
function checkiFrame()
{ if ((document.all('imain').readyState=="complete"))
{
if (document.frames('imain',0).document.body.scrollHeight > 500)
{ document.all('imain').style.height = document.frames('imain',0).document.body.scrollHeight;}
else
{ document.all('imain').style.height = 500;}
}
}
</script>


Problem is, it doesn't work in Netscape and Opera. Just Internet Explorer.

Anyone know what's wrong? I don't tend to use Java Script that much so I haven't got a clue.

[CornedBee]

Don't use document.all, use document.getElementByID and make sure the iframe really has an id attribute, not only name.

And I believe no browser except IE has the readyState attribute. You should instead set an onload event on the iframe's content that calls a function in the parent.

[bassplayinuk]

Originally posted by CornedBee
And I believe no browser except IE has the readyState attribute. You should instead set an onload event on the iframe's content that calls a function in the parent.

Cheers. Any ideas on how to go about this?

[Acidic]

Cheers. Any ideas on how to go about this?

instead of:
all('imain')
use
getElementById('imain')

and instead of:
if ((document.all('imain').readyState=="complete"))
but this is the body tag:
onLoad="checkiFrame()")