passing table row to parent window

[Mariusz]

Hi,
I'm trying to add rows to table created in top window. Here is sample code.

function addD()
{
window.setTimeout(addDiv,100);
}
function addDiv()
{
top.document.body.insertAdjacentHTML("afterBegin","

<div id='dnd' style=\"Z-INDEX: 104; FILTER: alpha(opacity=40); LEFT: 488px;
POSITION: absolute; TOP: 160px; \"><table id='dragTable'></table></div>
");
}

AddD is called on onLoad of child page.
Then - when i click on table row i have something like this...

function addContent(id)
{
var fr = document.getElementById(id).cloneNode(true);
top.document.getElementById('dragTable').tBodies[0].appendChild(fr);
}

It looks to me that I cannot pass object from child frame to parent frame.
Is there a way to work around this problem? I tried to pass innerHTML to
parent window, then create in parent window new tr object and set this inner
HTML as it's inner html and then add this but i got problem because when I
add it then first <td> is lost - don't know why.

Anyone have some ideas?


regards
Mariusz