Form input type=image Cursor-Koordinaten auswerten
Hallo,
wie kann ich mit Javascript die Cursor-Koordinaten in einem Formular in Variablen speichern?
Der derzeitige Code lautet:
<form name="formular" method="get" onclick="koordinaten()">
<p><input type="image" name="bild" src="modell1.jpg"> </p>
</form>
<script language="JavaScript">
<!-- JavaScript
function koordinaten()
{
px=document.????.bild.x;
py=document.????.bild.y;
alert(px+" "+ py);
}
// - JavaScript - -->
</script>
Beim anclicken des Formularbuttons, der durch das Bild modell1.jpg repräsentiert wird wird das JS-Programm koordinaten() aufgerufen. Leider weiß ich nicht, wie ich die in der Statuszeile des Browsers angezeigten Koordinaten nach px bzw. py speichern kann.
Wie müßte "document. ........ . bild.x" lauten?
Mit Dank für Hinweise und freundlichen Grüßen
Dirk
wie kann ich mit Javascript die Cursor-Koordinaten in einem Formular in Variablen speichern?
Der derzeitige Code lautet:
<form name="formular" method="get" onclick="koordinaten()">
<p><input type="image" name="bild" src="modell1.jpg"> </p>
</form>
<script language="JavaScript">
<!-- JavaScript
function koordinaten()
{
px=document.????.bild.x;
py=document.????.bild.y;
alert(px+" "+ py);
}
// - JavaScript - -->
</script>
Beim anclicken des Formularbuttons, der durch das Bild modell1.jpg repräsentiert wird wird das JS-Programm koordinaten() aufgerufen. Leider weiß ich nicht, wie ich die in der Statuszeile des Browsers angezeigten Koordinaten nach px bzw. py speichern kann.
Wie müßte "document. ........ . bild.x" lauten?
Mit Dank für Hinweise und freundlichen Grüßen
Dirk
Ich möcht nur die Cursor x/y Koordinaten, wenn sich der Cursor über dem Bild befindet. Wenn außerhalb des Bildes geclickt wird, sollen keine Koordinaten übergeben werden. Der Sinn der Sache: Ich habe ein Bild (= eigenlich eine Karte). Wenn ich auf die Karte clicke, wird dort an den Koordinaten eine Grafik positioniert (= zB ein pin.jpg). Clicke ich auf eine andere Stelle in der Karte, dann wird die Pin-Grafik dort positioniert. Wird außerhalb des Bildes geclickt, beleibt die Pin-Grafik dort stehen, wo sie beim letzten click auf der Karte positioniert wurde.
Zur Positionierung der Pingrafik brauche ich also die Koordinaten im Bild, nicht auf der ganzen Seite.
Grüße
Dirk
Zur Positionierung der Pingrafik brauche ich also die Koordinaten im Bild, nicht auf der ganzen Seite.
Grüße
Dirk
damit haben sich schon einige leute beschäftigt.
zb. hier: http://www.emanueleferonato.com/2006/09/…ith-javascript/
jperl
zb. hier: http://www.emanueleferonato.com/2006/09/…ith-javascript/
jperl
Konfuzius [chinesischer Philosoph (551 - 479 v. Chr.)]
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.
Eine hervorragende Seite - Danke. Leider zeigen die 74 Kommentare, daß der Javascript-Code nicht auf allen gängigen Browsern fehlerfrei läuft. Es gibt zwar Lösungsvorschläge, die das zur Zeit korrigieren, aber ich kann mir vorstellen, daß das bei den nächsten Browserversionen wieder Probleme macht. Nach jedem Update von IE oder FF etc. den Code neu anpassen zu müssen wäre ein Albtraum. Ich denke daher über einen neuen Lösungsansatz nach, der die direkte Abfrage der aktuellen Cursorposition vermeidet. Denn da scheint mir das Problem zu liegen. Ich werde es einmal mit Imagemaps versuchen, bei denen "Pin-Grafiken" über den verweissensitiven areas positioniert werden.
Grüße
Dirk
Grüße
Dirk
Eine hervorragende Seite - Danke. Leider zeigen die 74 Kommentare, daß der Javascript-Code nicht auf allen gängigen Browsern fehlerfrei läuft. Es gibt zwar Lösungsvorschläge, die das zur Zeit korrigieren, aber ich kann mir vorstellen, daß das bei den nächsten Browserversionen wieder Probleme macht. Nach jedem Update von IE oder FF etc. den Code neu anpassen zu müssen wäre ein Albtraum. Ich denke daher über einen neuen Lösungsansatz nach, der die direkte Abfrage der aktuellen Cursorposition vermeidet. Denn da scheint mir das Problem zu liegen. Ich werde es einmal mit Imagemaps versuchen, bei denen "Pin-Grafiken" über den verweissensitiven areas positioniert werden.
Wenn du Image_Maps verwendest musst du einen Zwischenweg suchen, d.h. einen Kompromiss.
Die Imagemaps beschreiben einzelne Areas mit Links, wenn sie angeklicks werden.
Hast du ein grosses oder auch nur ein mittelmässig grosses Bild und beschreibst für jeden Punkt eine Area wird der zu übertragende Text sehr gross.
Man kann dies zwar in eine PHP-Schleife reinsetzen, doch sollte man sich sehr genau überlegen wieviele Areas gemacht werden sollen.
Mfg
Ähnliche Themen
-
PHP »-
Frage zu ner Schleife für Upload aufm Server
(30. Juli 2005, 18:43)
-
(X)HTML & CSS & DHTML & Javascript »-
Formular
(31. März 2005, 01:32)
-
PHP »-
Values von Checkboxen in Array speichern?
(19. April 2004, 19:22)
-
(X)HTML & CSS & DHTML & Javascript »-
Wie kann ich Buttons ändern??
(20. Januar 2003, 13:57)
-
(X)HTML & CSS & DHTML & Javascript »-
Alternative "submit" Buttons
(21. Januar 2003, 15:37)


