Getting scrollHeight of dynamically created iframe

[Martin]

There seems to be some strange behaviour when trying to get the
scrollHeight and scrollTop of an iframe in IE6.

I have tried several ways of getting these values when the iframe is
written into the html. The following return the correct values in IE6,
where the iframe's id is 'f':

f.document.body .scrollHeight
f.document.body .scrollTop
window.frames['f'].document.body. scrollHeight
window.frames['f'].document.body. scrollTop
document.frames ('f').document. body.scrollHeig ht
document.frames ('f').document. body.scrollTop

The following give a strange value for scrollHeight (definitely not
the length of the contents of the iframe) and scrollTop is always 0:

document.getEle mentById('f').d ocument.body.sc rollHeight
document.getEle mentById('f').d ocument.body.sc rollTop
document.all.f. document.body.s crollHeight
document.all.f. document.body.s crollTop

When I dynamically create the iframe, using myFrame =
document.create Element('IFRAME '), I get the same strange values as
above when I do this:

myFrame.documen t.body.scrollHe ight
myFrame.documen t.body.scrollTo p

However this works as correctly in Opera 7. I find this all very
confusing. Can anybody shed light onto how I might get the correct
values in IE6 when using the createElement() method?

[Martin Honnen]

Martin wrote:

There seems to be some strange behaviour when trying to get the
scrollHeight and scrollTop of an iframe in IE6.
window.frames['f'].document.body. scrollHeight
window.frames['f'].document.body. scrollTop
window.frames.f rameName (or window.frames['frameName']) is the best
cross-browser way to access the frame window object, and then
window.frames.f rameName.docume nt gives you the document in that frame
window.

When I dynamically create the iframe, using myFrame =
document.create Element('IFRAME '),

Make sure you give your iframe element a name and an id attribute
var iframe = document.create Element('iframe ');
iframe.id = iframe.name = 'f';
then make sure you insert the iframe element into the document e.g.
document.body.a ppendChild(ifra me);
after that you can then access
window.frames.f
respectively
window.frames.f
as the frame window.
There is a difference between the HTML <iframe> element object in the
document tree and the frame window object,
document.create Element('iframe ') returns an HTMLIframeEleme nt object
that represents the <iframe> element object in the document tree, the
same way as there are HTMLParagraphEl ement objects for <p> elements in
teh document tree, but an <iframe> element also necessitates the browser
to create a frame window to load the document referenced by the frame
and if you want to access that frame window cross browser then you
should use
<iframe name="f" id="f"
respectively
var iframe = document.create Element('iframe ');
iframe.id = iframe.name = 'f';
to be able to script
window.frames.f
and
window.frames.f .document

--

Martin Honnen
http://JavaScript.FAQTs.com/