Creation & population of select box

[pmr]

Hi,
I'm having problems creating and populating a select box from within an iframe. It works fine, no problems on IE (Mac & PC) but it's when I try it on Safari that I have problems. The code is below.

function newSel(){
layerObj = parent.document.createElement("div");
layerObj.id = "newLayer";
selectObjC = parent.document.createElement("SELECT");
selectObjC.id = "newSelect";
selectObjC.options[0] = new Option("Trees",0, true, true);
selectObjC.options[1] = new Option("Monkey",1);
selectObjC.options[2] = new Option("Wigwam",2);
selectObjC.options[3] = new Option("Kittens",3);
selectObjC.options[4] = new Option("Spaceman",4);
parent.document.getElementById('bodyNode').appendChild(layerObj);
layerObj.appendChild(selectObjC);
}

On Safari, it creates the select ok, (strangely enough with one too few options) but it WILL NOT populate it.

Once again, this code is run from within an iframe and its in the parent document that i need the select box to appear.

Could anyone help??

There's an example here: http://www.cooldiamonds.com/test4/s...estSafari2.html

Cheers

Pete

[Khalid Ali]

you posted a dead link...:-)

[pmr]

sorry - for some reason it gets broken up: Here it is in two separate parts...
http://www.cooldiamonds.com/test4
/safari/testSafari2.html