Mauskoordinaten

[Struppi]

http://de.selfhtml.org/javascript/objekte/event.htm#client_x_y
umzubauen, so daß die Funktionen nicht Dokument-weit reagiert, sondern nur in Bezug auf einen Event-Handler innerhalb des Img-Tags.

Da gibt es einige Probleme, die auch in selfhtml noch nicht beschrieben sind. Um in MZ Browsern den event bei HTML Objekten zu übergeben existiert das Objekt 'event'

Die Browser haben je nach Modus unterschiedliche body Elemente. D.h. du musst testen ob das Dokument im Standard oder Quirks Modus ist.

Ausserdem verlangen alle Größenangaben im style Einheiten, Immer!

Das Skript könnte also so aussehen;

  
<script type="text/javascript">  
var oTooltipBox ;  
  
function TooltipMove(e)  
{  
if(!oTooltipBox)  
 oTooltipBox = window.document.getElementById('TooltipBox');  
if(!oTooltipBox)  
 return alert('Fehler!\nTolltipBox nicht gefunden');  
  
if(!e) e = window.event;  
  
  
oTooltipBox.style.display='block';  
oTooltipBox.style.left = ( e.clientX  + getBody(window).scrollLeft) + 'px';  
oTooltipBox.style.top = ( e.clientY  + getBody(window).scrollTop) + 'px';  
}  
function getBody(w)  
{  
    return w.document.body;  
    return (w.document.compatMode && w.document.compatMode == "CSS1Compat") ?  
    w.document.documentElement : w.document.body || null;  
}  
</script>  

Das HTML:

<img onmousemove="TooltipMove(event);" onmouseout="if(oTooltipBox)oTooltipBox.style.display='none';" src="test.jpg">

Struppi.