Datenschutzerklärung

Image-Koordinaten anzeigen

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

Image-Koordinaten anzeigen

  Beitrag schreiben
Autor
Beitrag Seiten: 1
ph1015
Mitglied

Registriert: 09.10.2006
Beiträge: 1
Auch wenn die Frage im Internet oft gestellt wird, find ich nichts was mir weiterhilft...

Wie kann ich in Echtzeit die Mausposition auf einem Bild(Image) abfragen?Zwar werde mit dem nachfolgendem Code die Koordinaten ausgegeben aber nicht aufs Bild bezogen sondern auf den Browser. Ich möchte den Ursprung als die linke obere Ecke des Bildes definieren!
JavaScrip:
function getMouse(e){
      if (IE){
        tempX = event.clientX + document.body.scrollLeft;
        tempY = event.clientY + document.body.scrollTop;       
      }else{
        tempX = e.pageX;
        tempY = e.pageY;
      }
      if (tempX < 0){tempX = 0;}
      if (tempY < 0){tempY = 0;}
      document.zeige.MouseX.value = tempX;
      document.zeige.MouseY.value = tempY;
      window.status = "X=" + tempX + " Y=" +tempY;
      return true;
    }
    function getMouseStart(){document.onmousemove=getMouse;}
    function getMouseStop(){document.onmousemove=null;}
  //  End -->
HTML:
<input onmouseover="getMouseStart()" onmouseout="getMouseStop()" name="img" type="image" src="Bild.gif" width="250" height="250" border="2" />


09.10.2006 15:59:43
  Zitieren
pit-r
Moderator

Ort: Aachen
Registriert: 14.03.2006
Beiträge: 62
Mal davon abgesehen, daß Dein Code weder komplett noch wirklich sauber geschrieben ist:

Du mußt von den ermittelten Werten jeweils das offsetLeft und offsetTop des Bildes subtrahieren. Gleiches gilt ggf. für sämtliche Eltern-Elemente des Bildes.


_______________________________________
Öh - da kannichnixfür

11.10.2006 13:15:28
  Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01