Hallo, ich möchte auf ein Bild klicken können und dann die Position der Maus an den Server übergeben. Allerdings soll die Position auch nur über dem Bild sein, also obere linke ecke sollte dann 0/0 sein. Wie kann ich sowas realisieren?
JavaScript Mausposition im Div übergeben
- Ersteller Chris2130
- Erstellt am
LasMiranda
kanz pöhse
- 5 Mai 2006
- 3.158
- 338
Entweder das Bild in massig kleine Bilder teilen oder <map>
Anders wird das nicht einfacher gehen.
Anders wird das nicht einfacher gehen.
Wenn das Bild der Submit-Button eines Formular is, wird (weiß nicht, ob das alle Browser machen) doch eh x-,y-Koordinaten der Klickposition (relevant zum Button) an den Server übergeben
Habe ich gerade auch direkt dran gedacht.
Aber dann ist mir eingefallen: Willst du die Informationen mittels AJAX übergeben? Denn dann müsste man diese ja per JavaScript auslesen und übermitteln..
=> https://de.selfhtml.org/html/grafiken/verweis_sensitive.htm#server_seitig
Freut mich dir geholfen zu haben!
Freut mich dir geholfen zu haben!
=> https://de.selfhtml.org/html/grafiken/verweis_sensitive.htm#server_seitig
Freut mich dir geholfen zu haben!
Ich denke da wird die Methode über eine Grafik als Input-Element besser sein.
https://de.selfhtml.org/html/formulare/formularbuttons.htm#grafische
Bin mir gerade nicht sicher, ob man dann auch als Attribut ismap o.ä. definieren muss, ich glaube allerdings nicht.
Die simpelste Lösung dürfte hier wirklich ein <input type="image"> sein. Hier mit Image-Maps zu arbeiten wäre absolut sinnlos, da man riesige Datenmengen für die Map übertragen muss. Falls es per Ajax übergeben werden soll, einfach die Position berechnen. Wenn du eh eine Library verwendest (z.B. jQuery), dann könntest du das extrem simpel mit Cross-Browser-Support machen:
Greetz
paddya
PHP:
var $parentOffset = $(e.target).parent().offset();
var x = e.pageX - $parentOffset.left;
var y = e.pageY - $parentOffset.top;Greetz
paddya
Zuletzt bearbeitet: