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:
[PHP]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;
}
}[/PHP]
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