✔ Werte aus input type"image" an Funktion geben

[Kai-Behncke]

Hallo liebe Leute,

ich bin auf der Suche nach einer Lösung für folgendes:

Ich habe ein <input type='image'> (Achtung: steht nicht in einem Formular) und ich möchte,
dass bei einem Klick auf dieses Bild eine Javascript-Funktion mit den Koordinaten des Klicks angestoßen wird,

ich versuche es z.B. so:

 	<input type="image" src="karte.png" name="kartenklick" onClick="sndReq(clientX)" /><br />

...die Funktion wird zwar angestoßen, aber die "Klickkoordinate" (clientX) wird nicht erkannt (undefined).

Kann mir jemand einen Tipp geben, wie cih diesen Wert an die Funktion sndReq() übergebe?

Vielen Dank schon jetzt, Kai

 

[Quaese]

Hi,

so einfach wirst du nicht an die Koordinaten kommen.

Du musst das Click-Ereignis und dessen Koordinaten auswerten. Weiterhin ermittelst du das Offset des Buttons im Dokument. Die Differenz aus Click-Koordinate und Offset ergibt den gewünschten Punkt.

Ciao
Quaese

 

[Kai-Behncke]

Hallo allerseits,

zunächst einmal danke für die Antwort.

Ich habe nun eine Lösung gefunden:

....
........
function sndReq(e) {

if (navigator.appName.search("Microsoft") > -1) {

  alert("Stelle  inder Gafik: " + event.offsetX);

//resObjekt = new ActiveXObject("MSXML2.XMLHTTP");
}
else {


  alert("Stelle in der Grafik : " + e.layerX);
}
....
........
<input type="image" style="position:relative;" id='kartenklick' src="http://<?= $host ?><?= $image_url ?>" name="kartenklick" onClick="sndReq(event)" /><br />

Viele Grüße, Kai