Niko: Komm nicht weiter.....

SELF-Forum

Komm nicht weiter.....

Niko
– Informationen zu den Bewertungsregeln

ich hab mir da was zusammengebastelt.....

<html>
       <head>
<script language="javascript">

// browserabfragen
var nc   = !!(document.captureEvents && !document.getElementById);
var nc6   = !!(document.captureEvents && document.getElementById);

function divEvent() {
    if(nc) document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = divPos;
}

function divPos(e)
{
 yPos      = (nc || nc6)? e.pageY : window.event.y;
 xPos      = (nc || nc6)? e.pageX : window.event.x;

document.getElementById('Details').style.left=xPos;
       document.getElementById('Details').style.top=yPos;
}

</script>
</head>
<body bgcolor="#ffffff">
  <div id="Details" style=" position: absolute; z-index: 1; width: 370px; height: 277px; visibility: hidden">
    <table border="0" cellspacing="0" cellpadding="0">
      <tr>
     <td><img src="/pic1.gif" width="369" height="277"></td>
     </tr>
   </table>
</div><p>
                 <img src="images/menu_home.gif" border="0" onmouseover="document.getElementById('Details').style.visibility='visible'" onmouseout="document.getElementById('Details').style.visibility='hidden'">
             </p>

</body>

</html>

aber das funktioniert nicht....
das layer blinkt nur immer wenn ich die maus bewege
wenn mir jemand den bzw. die fehler sagen könnte...

der layer erscheint schon bei mouseover
was ich jetzt machen wollte is das der layer dem cursor folgt solange der cursor über dem bild ist.....
also die left...top... eigenschaften mit den x,y, koordinaten des zeigers verknüpfen....

MfG Niko

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Komm nicht weiter.....

    Axel Richter
    – Informationen zu den Bewertungsregeln

    Hallo,

    function divEvent() {
        if(nc) document.captureEvents(Event.MOUSEMOVE);
        document.onmousemove = divPos;
    }

    Wann wird diese Funktion ausgeführt?

    Ich hab mal die Satuszeile missbraucht, um Dir zu zeigen, dass die Maus _ständig_ überwacht wird.

    <html>
    <head>
    <script type="text/javascript">
    var yPos;
    var xPos;

    var nc   = (document.captureEvents);
    if(nc) document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = divPos;

    function divPos(e)
    {
     yPos = (nc)? e.pageY : window.event.y;
     xPos = (nc)? e.pageX : window.event.x;
     document.getElementById('Details').style.left = xPos;
     document.getElementById('Details').style.top = yPos;
     document.getElementById('Details').innerHTML = xPos + ":" +yPos;
     window.status=xPos + ":" +yPos;
    }
    </script>
    </head>
    <body bgcolor="#ffffff">
    <div id="Details" style="position:absolute; z-index:1; visibility:hidden; background-color:#00AEAD;"> </div>
    <a href="#" onmouseover="document.getElementById('Details').style.visibility='visible'" onmouseout="document.getElementById('Details').style.visibility='hidden'">Hier mit der Maus drüber fahren</a>
    </body>
    </html>

    viele Grüße

    Axel

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Komm nicht weiter.....

    Joachim Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    ich hab mir da was zusammengebastelt.....

    eher zusammenkopiert? Die Quelle kommt mir bekannt vor ;-)
    Was willst tun, drag and drop?
    Hier gibts ein Kinderspiel... http://www.wendenburg.de/anna/stefanie.html

    Gruesse  Joachim

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln