peter: infofenster mit mauskoordinaten postionieren

Beitrag lesen

hi,
sollte eigentlich funktionieren, wenn du beim funktionsaufruf im mouseover das event als parameter übergibst und das dann in der funktion ausliest:

<html><head><title>Untitled</title></head>
<script type="text/javascript">
function nfo(txt,std,e)
{
 with(document.getElementById("info"))
     {
      firstChild.data = txt;
      style.display = std;
         style.top = e.clientY;
         style.left = e.clientX;

}
}
</script>
<style type="text/css">
body{z-index:1;}
#info{position:absolute;
      top:10px;
   left:10px;
   z-index:2;
   display:none;
   background-color:#ffffcc;
   border-style:solid;
   border-width:1px;
   border-color:#c0c0c0;}
</style>
<body>
<div id="info"> </div>
<br><br><br><br>
bla bla bla blabla bla bla blabla bla bla blabla bla bla blabla bla bla bla Dies ist ein
<font onMouseOver="nfo('Dies ist das dynamische Infofenster, was unter IE funktioniert','block',event)" OnMouseOut="nfo(' ','none',event)">Text</font>
, der getippt worden ist, um einen Text anzuzeigen. bla bla bla blabla bla bla blabla bla bla blabla bla bla blabla bla bla blabla bla bla bla
<br>Mit der Maus aufs erste Text fahren!
</body>
</html>

ACHTUNG:
das stimmt dann nicht mehr, wenn der anwender gescrollt hat.
also bei style.top und style.left noch das gescrollte dazuzählen:
is bei NS:  window.pageXOffset und window.pageYOffset,
beim IE:  document.body.scrollLeft und document.body.scrollTop

gruß
ptr