[JavaScript] Tooltipps

[alf85]

Hallo, Experten.
Ich hoffe ihr seid mir eine sehr große Hilfe. Schließlich versuche ich schon seit 1 woche herauszufinden was daran falsch ist.

<area shape="poly" coords="64,91,72,66,72" href="#" onmouseover="bildan('test1')" onmouseout="bildaus('test1')" \>

<script type="text/javascript">
<!--

function saveMouseCoords (e)
{
        if (window.Event)   // Netscape
        {
                mouseX = e.pageX;
                mouseY = e.pageY;
        }
        else   // MSIE
        {
                mouseX = window.event.clientX;
                mouseY = window.event.clientY;
        }
 if (document.getElementById("kopf"))
        {
          document.getElementById("kopf").style.left=mouseX+10;
          document.getElementById("kopf").style.top=mouseY+10;
       }
}

// Einbinden des Event-Handlers
if (document.captureEvents)
        document.captureEvents (Event.MOUSEMOVE);

document.onmousemove = saveMouseCoords;



function bildan(name)
{
if (document.getElementById)
   {
    var neuesElement=document.createElement("DIV");
    neuesElement.style.position="absolute";
    neuesElement.style.left=mouseX+10;
    neuesElement.style.top=mouseY+10;
    neuesElement.setAttribute("id","kopf");
    neuesElement.innerHTML='<img src="bilder/' + name + '.gif" border="1" />';
    document.getElementById("seite").appendChild(neuesElement);
   }
}

function bildaus(name)
{
  if (document.getElementById("kopf"))
    {
    document.getElementById("seite").removeChild(document.getElementById("kopf"));
    }
}

//-->
</script>

Das wars alles. Das einzige was ich festgestellt habe das der Script in der zeile abbricht: und das er genau da Probleme hat.

neuesElement.innerHTML='<img src="bilder/' + name + '.gif" border="1" />';

Und ich versuche schon im Internet herauszufinden wie ich das sonst anders schreiben kann. Für jede Mühe und hilfe bin ich total DANKBAR.

Besten grüßen von alf

 

[alf85]

Ich habe das problem gefunden.

Im anderen forum wurde ich gefragt, wo die ID "seite" liegt. Und genau das hatte ich vergessen bzw. übersehen dies noch einzufügen. Ich habe im body-Tag id="seite" eingefügt. Damit im Firefox dieser Effekt mit Doctype funktioniert muss man einfach folgendes ändern:

In allen Zeilen: ...top=mouseY+10;
ändern in: ...top=mouseY+10+' px';

Somit funktioniert der Effekt. Nochmal vielen dank, für die die Mühe gemacht haben.

gruß alf