pewnie jest w nim masa błędów, bo to moje początki w javascript.. Tzn. coś czasami robie, ale raczej nie jest to nic szalonego

Teraz chcę sobie coś zrobić i potrzebuję, żeby w tym obrazku z prawej strony na dole pojawiło się 'coś' (póki co zwykły span).
No i pojawia się... w firefoxie.. w IE8 już nie. Dodam, że po wpisaniu wszystkiego ręcznie (dodanie '<span>' z wszystkimi atrybutami jak w skrypcie) w IE8 też dobrze wyświetla).
Wniosek - IE nie trawi tego kodu javascript.
Pomysły? Z góry dziękuję

<html> <head> <script type="text/javascript"> function init() { var ok=document.getElementsByTagName('div'); var i,j,k; for (i=0;i<ok.length;i++) { var att=ok[i].getAttribute('res'); if (att) { var img=document.getElementsByTagName('img'); var w=ok[i].clientWidth; var h=ok[i].clientHeight; var top=ok[i].offsetTop; var left=ok[i].offsetLeft; newspan=document.createElement("span"); newspan.setAttribute("class","res_box"); newspan.setAttribute("style","left:"+(left+w-20)+"px; top:"+(top+h-20)+"px"); newspan.innerHTML="A"; ok[i].appendChild(newspan); } } } </script> <style> #obrazek { width:300px; height:300px; } .res_box { background:#ff0000; z-index:1000; width:20px; height:20px; position:absolute; } </style> </head> <BODY onLoad="init()">
EDIT:
Rozwiązanie:
//newspan.setAttribute("class","resizer_box"); // <- zamiast tego ma być: newspan.className='resizer_box'; //newspan.setAttribute("style","left:"+(left+w-20)+"px; top:"+(top+h-20)+"px"); // <- zamiast tego ma być: newspan.style.top=(top+h-20)+"px";; newspan.style.left=(left+w-20)+"px";
Uwielbiam IE ;-)
/ można zamknąć, wyrzucić.. cokolwiek
