Struppi: Probleme mit dem erstellen neuer Knoten (DOM) in IE

Beitrag lesen

Was ich nicht ganz verstehe:

...

handleDiv.rootEl = rootDiv;
handleDiv.onmouseover = function(e) //Für was ist das (e) gut?

Nur zur Sicherheit, Mozilla Browser übergeben den Event als Parameter, falls du in der Funktion wissen willst wer, wo und wie den Event ausgelöst hat.

{
gotop(this.rootEl);
}

function gotop(o) //und für was das (o)?

Der Parameter this.rootEl.

Folgendermaßen:

1. erzeugst du ein Element, du nennst es rootDiv
rootDiv = document.createElement(....);

2. Dann erzeugst du das handleDiv
handleDiv = document.createElement(....);

3. Damit du nachher im Eventhandler an dass rootDiv kommst, setzt du eine neue Eigenschaft im handleDiv
handleDiv.rootEl = rootDiv;

4. weil du in der Eventfunktion mit *this* das Objekt handleDiv ansprichst, kannst du dann mit this.rootEl auf das rootDiv zugreifen
handleDiv.onmouseover = function(e)
{
gotop(this.rootEl);
}

(Zur Erläuterung: Wenn du irgendwo einen Event so deklarierst:
objekt.onevent = function() { .... Dann ist hier in der Funktion this immer das objekt)

5. In der gotop Funktion brauchst du dann nicht mehr getElementById, sondern hast direkt das Objekt (daher o) dass du manipulieren willst.
o.style.zIndex = iIndex;

Struppi.