Maus Positionauf Bild finden.

[DiamondDog]

Hallo Leute,
ich hab das das kleine Problem das ich die Mausposition bei klick auf einem Bild finden muss, wo keine Ahnung habe wie ich das anstellen kann.
Wäre super wenn mir da jemand Helfen könnte.

So sieht ein Auszug meines Scripts bis jetzt aus:

  
document.getElementById("content").innerHTML =  
'<div id="holder"><span>Bitte klicke auf die <b>Zahl</b></span><span class="captcha">'+  
'<input type="hidden" name="sammeln" value="10">'+  
'<input type="hidden" name="ping" value="pong">'+  
'<input type="hidden" name="konzentrieren" value="1">'+  
'<input  id="captcha_img" type="image" src="" name="captchacheck" style="width:205;height:200px" alt="Loading..." />'+  
'<input type="button" value="Abbrechen" name="ExtraMenueAbbrechenBtn" id="ExtraMenueAbbrechenBtn"></span></div>';	  
	  
document.getElementById("captcha_img").src="http://"+window.location.hostname+"/security/captcha1242769487.jpg";  
document.getElementById("holder").style.height="320px";  
document.getElementById("holder").style.width="268px";  
document.getElementById("holder").style.visibility="visible";  
  
document.getElementsByName('captchacheck')[0].addEventListener('click', function change_plunder ()  
{  
// Hier brauche ich die X und Y Koordinaten die geklickt wurden  
},false);  

Ich versuchs noch mal kurz und knapp zu erklären, ich füge eine Image ein und brauche nachher die X Y Koordinaten die auf dem Bild geklickt wurden.

Danke schon mal an alle fürs Helfen.

Mfg Dog

[Micha]

Hallo DiamondDog,

und brauche nachher die X Y Koordinaten die auf dem Bild geklickt wurden.

Grafische Buttons zum Absenden definieren hilft Dir vll, wenn Du es _nachher_ benötigst.

Mit freundlichem Gruß
Micha

[DiamondDog]

Das Hilft mir leider auch nicht ganz weiter.
Ich wollt die Daten so versenden:

  
GM_xmlhttpRequest(  
   {  
   method: 'POST',  
   url: 'http://'+window.location.hostname+'/activities/',  
   headers:  
   {'Content-type': 'application/x-www-form-urlencoded'},  
  	  data: encodeURI('captchacheck.x=33&captchacheck.y=49'),  
      onload: function(responseDetails)  
	  {  
		 window.location.reload();  
      }  
  });  

nur dazu muß ich die X und Y Werte ja haben beim klick.

[ChrisB]

Hi,

data: encodeURI('captchacheck.x=33&captchacheck.y=49'),

Du bist wohl gerade dabei, wieder eine dieser Zugangsverhinderungmaschinen zu basteln?

MfG ChrisB

[molily]

http://molily.de/temp/relative-mausposition.html

Wenn du dem Bild position:relative gibst, dann kannst du mit den Eventobjekt-Eigenschaften http://de.selfhtml.org/javascript/objekte/event.htm#offset_x_y@title=offsetX/Y (alle großen Browser außer Firefox/Gecko) bzw. mit http://de.selfhtml.org/javascript/objekte/event.htm#layer_x_y@title=layerX/Y (für Firefox/Gecko) arbeiten.

Mathias

[DiamondDog]

@ Mathias

Dabei bekomme ich immer das Problem das er mit Ereignis nicht klarr kommt. Bzw das garnicht kennt.

[molily]

Bei der Verwendung von addEventListener wird das Event-Objekt der Handler-Funktion als Parameter übergeben.

Du musst diesen Parameter natürlich entgegennehmen, sonst kannst du nicht darauf zugreifen.

element.addEventListener('click', function (e) {
   alert("Event-Objekt: " + e);
}, false);

Mathias

[DiamondDog]

Bei der Verwendung von addEventListener wird das Event-Objekt der Handler-Funktion als Parameter übergeben.

Du musst diesen Parameter natürlich entgegennehmen, sonst kannst du nicht darauf zugreifen.

element.addEventListener('click', function (e) {
   alert("Event-Objekt: " + e);
}, false);

Mathias

Ahhh ok jetzt läuft es super besten Dank.