Hallo zusammen,
ich wollte mir einen mehrzeiligen Tooltip für AreaShapes bauen. Nach einer Recherche scheint mir Javascript die einzige Lösung zu sein.
Ich verwende zur Zeit ein einfaches <div> das ich ein und ausblende.
Allerdings möchte ich den Tooltip jetzt neben der Maus positionieren.
Dazu verwende ich folgendes Script:
document.onmousemove = updateWMTT;
function updateWMTT(e) {
if (wmtt != null && wmtt.style.display == 'block') {
x = (e.pageX ? e.pageX : window.event.x) + wmtt.offsetParent.scrollLeft - wmtt.offsetParent.offsetLeft;
y = (e.pageY ? e.pageY : window.event.y) + wmtt.offsetParent.scrollTop - wmtt.offsetParent.offsetTop;
wmtt.style.left = (x + 20) + "px";
wmtt.style.top = (y + 20) + "px";
}
}
Mehr lesen: http://webmatze.de/wirklich-einfache-javascript-tooltips/#ixzz0r149CK2e
Under Creative Commons License: Attribution Share Alike
Beim IE8 bekomme ich allerdings nun den Fehler:
'pageX' ist Null oder kein Objekt
auch andere Varianten die man im Internet findet wie:
x = e.pageX || window.event.x;
führen zu diesem Fehler!
Ist das neu bei IE8? Ich vermute ja dass die Scripte vorher mit IE <= 7 funktioniert haben. Habt ihr eine Idee wie ich das Problem lösen kann?
Vielen Dank im voraus!