Javascript DOM & Frames... adding div tag problems

[coheed]

Can anyone help me... I have a website with two frames, and the page provided the frames has javascript that needs to add a div element containing an image into the first frame.

I'm no DOM expert, but can anyone help me out? Here's what I have so far... Unfortunately the javascript has to be part of the page that is creating the frames and not from within one of the framed pages itself.

var snDiv = window.document.createElement('div');
   	snDiv.setAttribute('id', snID);
    snDiv.style.position = "absolute";
	snDiv.style.left = var1;
   	snDiv.style.top = var2;
   	snDiv.style.backgroundColor = "#ff0000";
   	snDiv.style.border = "1px solid #000000";
	snDiv.innerHTML = "<img src='admin/blah.gif' border='0'>";
   window.document.body.appendChild(snDiv);

[paul_wilkins]

This information about dom window frames will help.

http://developer.mozilla.org/en/docs/DOM:window.frames

[Pepejeria]

You can access a frame or iframe using the following syntax

var frame = window.frames["name_of_frame"];

You can easily add elements to the frames DOM using the frame reference above:

var p = frame.document.createElement("p");
p.innerHTML = "tada!";

frame.document.body.appendChild(p);

Note above that the node was created using the frame reference, since you can not append a node that was created in one document to another document.

Firefox will throw the following error if you omit the bold part above:

Error: uncaught exception: [Exception... "Node cannot be used in a document other than the one in which it was created"  code: "4" nsresult: "0x80530004 (NS_ERROR_DOM_WRONG_DOCUMENT_ERR)"]

One last thing, you need to make sure that the frame content is loaded before you start adding elements to it.