outerHTML not working in FireFox

[John Kotuby]

Hello all,
Maybe there is a better place to post this, but I'm not sure where.
I am writing a Web application. Using a pop-up for printing a portion of the
parent window, from an imbedded javascript function, I am using OuterHtml to
grab that markup and then place it in the markup of the page displaying in
the pop-up.
Here is the script...

function setMyContent()
{
var theBody =
window.opener.document.getElementById("cardContent").outerHTML;
var theDivTag = document.getElementById("theCard");
theDivTag.innerHTML = theBody;
}
</script>

This all works fine in IE6 and IE7, but I am getting "undefined" returned in
Firefox.

Anyone know?

Thanks to all...

 

[Martin Honnen]

function setMyContent()
{
var theBody =
window.opener.document.getElementById("cardContent").outerHTML;
var theDivTag = document.getElementById("theCard");
theDivTag.innerHTML = theBody;
}
</script>

This all works fine in IE6 and IE7, but I am getting "undefined" returned in
Firefox.

Firefox does not support outerHTML.

If all you want to do is clone the contents of an element in one window
to an element in another window then with Firefox you can use the DOM
importNode method e.g.
if (typeof document.importNode != 'undefined') {
var element = window.opener.document.getElementById("cardContent");
var clone = document.importNode(element, true);
document.getElementById("theCard").appendChild(clone);
}

IE does not support importNode so for IE you need to continue to use the
outer/innerHTML approach.

 

[John Kotuby]

Martin..

Thank you VERY much for the syntax. What a great help that is!
.... John