Struppi: Tooltipscript gesucht

Beitrag lesen

ich habe von der Seite www.the-underdogs.info ein dynamisches Bild Popup Script "geklaut"  ;-)

Das nennt sich Tooltip.

Zudem läufts nicht unter Firefox

völlig unötigerweise.

Jemand eine Idee wie man es "ruhiger" bekommt oder kennt jemand ein ähnliches, besseres Script?

alles als das hier ist ein besseres Skript. Ich hab noch keinen Code gesehen, der mehr Fehler auf weniger Teilen enthält.

Schon das Grundgerüst des HTML Codes ist falsch.
Wie du die Eventeigenschaften der verschiedenen Browsern abfragst steht in selfhtml oder aber auch hier (u. ff.)
Elemente einfügen http://de.selfhtml.org/javascript/objekte/node.htm#append_child

und wenn du das alles gelesen hast, kann dein Skript ungefähr so aussehen:

  
<script type="text/javascript">  
function tooltip(e, text)  
{  
    if(!e) e = window.event;  
    var o = document.getElementById('tt');  
    if(o && o.style.display != 'none') return;  
  
  
    var targ;  
    if (e.target) targ = e.target;  
    else if (e.srcElement) targ = e.srcElement;  
    if (targ.nodeType == 3) targ = targ.parentNode;  
  
    targ.onmouseout = function() { o.style.display = 'none';}  
  
    var o = document.getElementById('tt');  
    if(!o)  
    {  
       o = document.createElement('div');  
       o.id = 'tt';  
       o.style.position = 'absolute';  
       o.style.border = '1px solid black';  
       document.body.appendChild( o ) ;  
    }  
  
    if (e.clientX || e.clientY)  
    {  
        posx = e.clientX;  
        posy = e.clientY;  
        if (typeof(document.body.scrollLeft) != 'undefined')  
        {  
            posx += document.body.scrollLeft;  
            posy += document.body.scrollTop;  
        }  
    }  
    o.innerHTML = text;  
    o.style.top = ++posy + 'px';  
    o.style.left = ++posx + 'px';  
    o.style.display = '';  
  
}  
</script>  

Der HTML Code sieht dann so aus:
<a onmouseover="tooltip(event, '<img src='goldenboy.jpg'>')"
href="xyz.html"><img src="anime1.jpg"></a>

(onmouseout brauchst du nicht mehr)

Struppi.

--
Javascript ist toll (Perl auch!)