Mausposition innerhalb eines Div

[7th Freet]

Nabend,

ich habe mit einem Tutorial einen Tooltip mit Javaskript erstellt.
Wie hier zu sehen ist, befindet sich der Tooltip weit vom link entfernt.
Das liegt daran, dass die absolute Position des Tooltip vom
ganzen Fenster gemessen wird.

Wie kann ich den Code so umschreiben, dass die Position innerhalb des linken Divs gemessen wird.

Der Entscheidende Code:

function updateWMTT(e) {
    x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
    y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
    if (wmtt != null) {
        wmtt.style.left = (x + 20) + "px";
        wmtt.style.top     = (y + 20) + "px";
    }
} 

[reallife]

Du musst ein paar Dinge am HTML Code ändern und JS minimal anpassen. Die Funktion, die du gerne geändert haben möchtest, brauch nicht geändert werden. Weiteres kannst du ja der ZIP-Datei entnehmen.

[7th Freet]

Danke reallife, klappt alles. Also die Tooltip Div's dürfen sich nicht in
einer verschachtelung befinden sonst erhält man eine inkorrekte
Anzeige.

[7th Freet]

Es ist doch noch ein Problem aufgetreten. Die Position des Main Divs ist im
Original relative, was den IE wieder dazu bringt mist zu machen .

Hab das Beispiel aktualisiert. Link