Webmaster Forum Logo Part 1 Webmaster Forum Logo Part 2
Webmaster Forum Logo Part 3
     
 
  :: Anmeldung

Benutzername:

Registrierung...

Passwort:

Passwort vergessen?

angemeldet bleiben


  
  :: Umfrage
Welche sozialen Netzwerke benutzt du regelmäßig?

 Facebook
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 73%
 keines
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 22%
 Google+
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 19%
 Twitter
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 11%
 Xing
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 schülerVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 meinVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 studiVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 MySpace
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%
 LinkedIn
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%

 ges. 393 Stimmen
 
  :: Buttons

Valid XHTML 1.0 Transitional

orynx

Grünschnabel

Dabei seit: 06.11.2010

Beiträge: 9

 

1 Zum Seitenanfang

Dienstag, 11. Januar 2011, 20:53

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
 

jperl

Super Moderator

Dabei seit: 09.04.2003

Beiträge: 3 453

 

2 Zum Seitenanfang

Mittwoch, 12. Januar 2011, 12:26

welche koordinaten willst du denn haben?
die der ganzen seite?

das sollte mit window.event.clientX und Y gehen.

jperl
Konfuzius [chinesischer Philosoph (551 - 479 v. Chr.)]
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.
 

orynx

Grünschnabel

Dabei seit: 06.11.2010

Beiträge: 9

 

3 Zum Seitenanfang

Mittwoch, 12. Januar 2011, 15:26

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
 

jperl

Super Moderator

Dabei seit: 09.04.2003

Beiträge: 3 453

 

4 Zum Seitenanfang

Freitag, 14. Januar 2011, 11:09

damit haben sich schon einige leute beschäftigt.
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.
 

orynx

Grünschnabel

Dabei seit: 06.11.2010

Beiträge: 9

 

5 Zum Seitenanfang

Samstag, 15. Januar 2011, 09:02

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
 

stfschaefer

Routinier

Dabei seit: 21.08.2010

Beiträge: 251

 

6 Zum Seitenanfang

Samstag, 15. Januar 2011, 13:22

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
 

jperl

Super Moderator

Dabei seit: 09.04.2003

Beiträge: 3 453

 

7 Zum Seitenanfang

Sonntag, 16. Januar 2011, 15:33

wenn du input type="image" verwendest dann würdest du die koordinaten nach absenden auch ziemlich einfach mit php bekommen.
das funktioniert dann in jedem browser.

jperl
Konfuzius [chinesischer Philosoph (551 - 479 v. Chr.)]
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.
 

orynx

Grünschnabel

Dabei seit: 06.11.2010

Beiträge: 9

 

8 Zum Seitenanfang

Samstag, 22. Januar 2011, 08:42

php geht leider nicht. Ich will das nämlich in einen Blog (blogspot) einbauen. Dort ist nur Javascript möglich. Leider kein php oder andere serverseitige Aktionen.



Grüße Dirk
 

jperl

Super Moderator

Dabei seit: 09.04.2003

Beiträge: 3 453

 

9 Zum Seitenanfang

Samstag, 22. Januar 2011, 10:59

du müsstest probieren, ob du nicht das formular per ajax submitten und dann in php auslesen kannst.

jperl
Konfuzius [chinesischer Philosoph (551 - 479 v. Chr.)]
Das Entscheidende am Wissen ist, daß man es beherzigt und anwendet.