Abstand eines Bildes zum Bildschirmrand

Operator_Jon

Erfahrenes Mitglied
Hey Leute!

Ich hab schon überall gesucht aber noch nichts gefunden :(
Ich möchte den Abstand (in Pixeln) von einem Bild im Dokument zum Bildschirmrand herausbekommen, undzwar weil ich die Koordinaten auf dem Bild bei einem Klick herausbekommen möchte.

Damit meine ich ;):
Ich möchte wenn ich auf das Bild klicke, die x und y Koordinaten auf dem Bild, nicht die auf dem Screen haben! Die brauche ich um hinterher mit PHP weiterarbeiten zu können :)

Danke
 
Die einfachste Variante: Wenn beim Klick auf das Bild gleich das PHP-Skript aufgerufen wird, welches die Koordinaten benötigt, verwende ein Formular und benutze statt des <img> ein image-input.
Da werden die Koordinaten, sofern das input einen Namen hat, auch ohne JS übermittelt.

die wenig kompliziertere Variante(wenn du die Koordinaten erst später brauchst), stellt das Event-Objekt zur Verfügung.
Beachte dabei, dass sich die Eigenschaften zwischen IE und anderen Browsern unterscheiden.
 
Danke erstmal dafür, aber da war ich auch schon angelangt :)
Was ich bisher habe, ist eine JS-Funktion:
Code:
function set_point(x,y) {
				if (mode == 1) {
					document.form.x1.value = x;
				}
				else if (mode == 2) {
					document.form.x2.value = x;
				}
				else if (mode == 3) {
					document.form.y1.value = y;
				}
				else if (mode == 4) {
					document.form.y2.value = y;
				}
			}
Und das Bild:
Code:
<img src="test.jpg" onClick="javascript: set_point(event.offsetX,event.offsetY)">
Aber es funktioniert nachwievor nicht, ich bekomme immer nur die Koordinaten des gesamten Bildschirms :(
 

Neue Beiträge

Zurück