Hi,
ich möchte auf meiner Seite einen Tooltip beim Mouseover von bestimmten Bilder einbinden. Der Tooltip erscheint auch, allerdings an der falschen Stelle. Die Fehlerkonsole vom FF gibt mir den Fehler "Fehler beim Verarbeiten des Wertes für left/top. Deklaration ignoriert" aus.
Ich poste mal meinen Code. Es geht wohl hauptsächlich um die letztzen Zeile. Hat jemand ne Idee, wo ich nen Fehler gemacht habe:
function hideTooltip() {
document.getElementById('tooltip').style.visibility = "hidden";
}
function showTooltip(e,txt,offsetX,offsetY)
{
if (offsetX) {offsetx=offsetX;} else {offsetx=20;}
if (offsetY) {offsety=offsetY;} else {offsety=0;}
var PositionX = 0;
var PositionY = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
PositionX = e.pageX;
PositionY = e.pageY;
}
else if (e.clientX || e.clientY)
{
PositionX = e.clientX + document.body.scrollLeft;
PositionY = e.clientY + document.body.scrollTop;
}
document.getElementById("text").innerHTML=txt;
document.getElementById("tooltip").style.left = "(PositionX+offsetx)px";
document.getElementById("tooltip").style.top = "(PositionY+offsetx)px";
document.getElementById("tooltip").style.visibility = "visible";
}
Das DIV für den Tooltip sieht wie folgt aus:
<div id="tooltip" style="position:absolute;top:180px;left:180px;z-index:1; visibility:hidden;">
<span id="text"></span>
</div>
Danke für eure Hilfe im Voraus!
Gruß
henne32