ansaurus

Question

Firefox strange behaviour when working with javascript on an iframe

Answer 1

+3 A:

You need to wrap the retrieval of the iframe doc in the timeout.

        window.setTimeout(function(){
            var doc=ifr.contentWindow.document || ifr.contentDocument;
            var div=doc.createElement("div");
            div.innerHTML="test";
            doc.body.appendChild(div);
        },500);

See http://jsfiddle.net/xeGSe/1/

Castrohenge 2010-07-15 13:08:51

I knew that there was an easy explanation:) thanks this works perfectly

mck89 2010-07-15 13:11:49

that isn't an explanation, it's a workaround for the core problem that it doesn't solve completely.

roryf 2010-07-15 13:33:26

I did try rewriting it using jQuery but still had to use a timeout. Any ideas - http://jsfiddle.net/xeGSe/2/?

Castrohenge 2010-07-15 13:39:58

Answer 2

+1 A:

Looks like a timing issue that your setTimeout calls aren't catching. Your better off using onload events to ensure elements are truly available (DOMReady would be better but not as easy in IE). Try this:

document.body.onload = function() {
    var iframe = document.createElement("iframe");
    iframe.src = "about:blank";
    iframe.onload = function() {
        var doc = iframe.contentDocument || iframe.contentWindow.document,
            div = doc.createElement("div");
        div.innerHTML="test";
        doc.body.appendChild(div);
    }
    document.body.appendChild(iframe);
}

roryf 2010-07-15 13:12:49

ansaurus

tags:

views:

answers:

Firefox strange behaviour when working with javascript on an iframe

related questions