Dynamisches "DIV" mit einem Style belegen
Axel Straschil
- javascript
Hi!
Ich erzeuge dynamisch ein DIV, das ich dannach mittels "style" positionieren will.
Erzeugung:
var newDiv = document.createElement("DIV");
Funktioniert wunderbar, jetzt will ich das ganze per Style ausrichten.
Meine ersten Versuche mit:
newDiv.setAttribute("style", "BlahBlahBlah...");
schlugen fehl.
Laut (alten) Forenbeiträgen habe ich folgendes versucht:
var newDiv = document.createElement("DIV");
var newDivStyle=document.createAttribute("style");
newDivStyle.nodeValue = "BlahBlahBlah ...";
newDiv.setAttributeNode(newDivStyle);
Was unter Mozilla auch wunderbar funktioniert, nur der IE schlägt mit "Member not found" fehl, es geht dabei um die Zeile mit ".setAttributeNode(...)", Version ist 6.0.
Kennt jemand eine Möglichkeit, wie ich dynamische (nicht im HTML-Quelltext vorhandene) DIV-Elemente dynamisch unter IE positionieren kann?
Der Hintergrund ist eine Menü/Submenüstruktur, bei einem MouseOver der Menu-Gif's werden Submenüs eingeblendet.
Funkt alles wunderbar - bis auf die oben angesprochenen Positionierung ;-(
Lg,
AXEL.
Hoi,
Kennt jemand eine Möglichkeit, wie ich dynamische (nicht im
HTML-Quelltext vorhandene) DIV-Elemente dynamisch unter IE
positionieren kann?
Warum benutzt du nicht einfach 'element.style.left' bzw.
'element.style.top'?
Gruesse,
CK
Hi!
Warum benutzt du nicht einfach 'element.style.left' bzw.
'element.style.top'?
Weils bei mir nicht funkt (IE 6.0 / Win2000).
Beispiel:
<script type="text/javascript">
<!--
for(x=0; x<3; x++) {
var newDiv = document.createElement('div');
var newImg = document.createElement('img');
newDiv.setAttribute('id', ('div_' + x));
newImg.setAttribute ('src', 'http://www.kosnet.com/banner.gif');
newDiv.appendChild(newImg);
newDiv.style.left = (100 * x);
document.body.appendChild(newDiv);
}
//-->
</script>
Obiges Beispiel liegt auf
http://test.web.home.kosnet.com/tmp2.html.
Jeder Banner müsste doch mit +100 eingerückt sein, tut er aber nicht. Hat jemand eine Idee wo der Fehler liegt (ich habe es auch schon mit 100px versucht.
Thanks,
AXEL.