Mauskoordinaten

[T!P-TOP]

Hi,

beim mouseover eine Links will ich eine kleine Infobox einblenden lassen. Diese Info Box habe ich per CSS position absolute und display none gegeben.

Die anchors enthalten diesen zusätzlichen Code:
onmouseover="showQuickInfoBox('Home')" onmouseout="hideQuickInfoBox()"

Es werden also diese Beiden Funktionen aufgerufen. showQuickInfoBox tauscht en Inhalt der Info Box aus und stellt display auf block - funktioniert auch alles. hideQuickInfoBox stellt display wieder auf none, auch das klappt.

Nun will ich diese Info Box an den Mauszeiger anhängen, wofür folgender Code zuständlichen sein sollte:

if (document.layers) 
{
    window.captureEvents(Event.MOUSEMOVE);
    window.onmousemove = koordinaten;
}
else 
{
    document.onmousemove = koordinaten;
}

function koordinaten(e) 
{
    var mouseX = (document.all ? (event.clientX + document.body.scrollLeft) : event.pageX);
    var mouseY = (document.all ? (event.clientY + document.body.scrollTop) : event.pageY);

    
    if (document.getElementById("quickInfoBox").style.display = "block") //wenn also über den Links
    {
        document.getElementById("quickInfoBox").style.top = mouseY;
        document.getElementById("quickInfoBox").style.left = mouseX;
    }
}

Funktioniert tut das aber leider nicht. Die Info Box wird irgendwo unten links in die Ecke geschmissen :/



Wie löse ich das Problem?

Grüße

 

[struppi]

Dieser Code ist ca. 20 Jahre alt. Schau mal in die Fehlerkonsole