ansaurus

Question

JavaScript getElementById(...) is null or not an object IE

Answer 1

A:

you do

document.getElementById('documentFrame2').onload = resizeIframe;

before the document is ready so the iframe can be found. call this in the onload- or document-ready-function or in a seperate javascript-block after the iframe.

oezi 2010-06-30 08:39:03

Just removed the script from <head> and placed it inside <body> after the <iframe> and it worked. Thanks a ton!

Ali 2010-06-30 10:53:08

Answer 2

+2 A:

Try wrapping

document.getElementById('documentFrame2').onload = resizeIframe;

Within:

window.onload = function(){

    document.getElementById('documentFrame2').onload = resizeIframe;
    window.onresize = resizeIframe;
    resizeIframe();
};

The iframe doesn't exist in the DOM until the page/Dom has loaded.

UPDATE:

Didn't see part of the code you posted.

You could keep onload = "resizeIframe" within the element itself and have the JavaScript in the head as:

function resizeIframe() {
    var height = document.documentElement.clientHeight;
    height -= document.getElementById('documentFrame2').offsetTop;
    height -= 20;
    document.getElementById('documentFrame2').style.height = height +"px";
 }


 window.onresize = resizeIframe;

That way you wouldn't need any JavaScript running after the element.

2010-06-30 08:39:38

Thanks Tomgrohl. After trying this, there is no error in the status bar, but the size of iframe is the default.

Ali 2010-06-30 09:21:27

I've edited my answer and it works for me in IE.

2010-06-30 09:40:47

Much appreciate your effort, but its still not working for me in IE. It only becomes full height when I resize the window. Is there any other workaround?Thanks again.

Ali 2010-06-30 10:42:49

On page load you could get it to run resizeIframe(). That would solve it. I've edited my answer as it was easier so check that.

2010-06-30 10:50:51

Answer 3

A:

If you have used onload"resizeIframe" in the iframe tag, you don't need document.getElementById('documentFrame2').onload = resizeIframe; anymore

I prefer relacing window.onresize = resizeIframe; by:

window.onload = function() {
  window.onresize = resizeIframe;
};

Sometimes the window will be resized before the iframe is ready for operation, and that would cause errors.

========================

edited:

window.onload = function() {
  resizeIframe();
  window.onresize = resizeIframe;
};

PeterWong 2010-06-30 08:45:06

Thanks Peter, but this is only working if you resize the window.

Ali 2010-06-30 09:18:14

I edited my answer, see if that work. Thanks!

PeterWong 2010-06-30 11:01:53

ansaurus

tags:

views:

answers:

JavaScript getElementById(...) is null or not an object IE

related questions