KarlosKrätze: Mouse Follow zweier div-Elemente

Beitrag lesen

Hallo.

Ich habe mich heute mit einen Script beschäftigt, der ein div-Element der Maus folgen lässt.

Leider sind meine JScript-Kenntnisse nicht so gut, als dass ich selber auf eine Lösung meines Problems komme. Ich hoffe, dass auch ich bald in der Lage bin, mit JScript richtig umgehen zu können =)

Die JScript-Funktion follow() lässt das erste Element mit "HalloWelt1" der Maus folgen und die Funktion follow2() sollte eigentlich dafür sorgen, dass auch das zweite Element mit "Hallo Welt2" der Maus folgt.

Komischerweise wird in diesem Fall aber nur die zweite Funktion zur Geltung genommen, als ob die erste ignoriert wird.
Ich denke auch nicht, dass der Fehler in der Funktion selbst liegt, sondern eher in dem Aufruf dieser beiden Funktion.

Kann mir vielleicht jemand helfen und mir erklären, warum das so ist?
Ich wäre sehr dankbar dafür =)

<div id="Box1" style="position:absolute">Hallo Welt1</div>  
<div id="Box2" style="position:absolute">Hallo Welt2</div>  
  

<script type="text/javascript" language="javascript">  
 var offX = 15; // X offset from mouse position  
 var offY = 15; // Y offset from mouse position  
 function mouseX(evt) {  
  if (!evt) evt = window.event;  
  if (evt.pageX) return evt.pageX;  
  else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft);  
  else return 0;  
 }  
 function mouseY(evt) {  
  if (!evt) evt = window.event;  
  if (evt.pageY) return evt.pageY;  
  else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);  
  else return 0;  
 }  
 function follow(evt) {if (document.getElementById) {var obj = document.getElementById('Box1').style; obj.visibility = 'visible';  
  obj.left = (parseInt(mouseX(evt))+offX) + 'px';  
  obj.top = (parseInt(mouseY(evt))+offY) + 'px';}  
 }  
  function follow2(evt) {if (document.getElementById) {var obj = document.getElementById('Box2').style; obj.visibility = 'visible';  
  obj.left = (parseInt(mouseX(evt))+offX) + 'px';  
  obj.top = (parseInt(mouseY(evt))+offY) + 'px';}  
 }  
 document.onmousemove = follow;  
 document.onmousemove = follow2;  
</script>