Récupérer les coordonnées de la souris...

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Récupérer les coordonnées de la souris...

par Lunatic » 10 sept. 2005, 17:13

Bon j'abandonne car de toute façon, on ne peut pas modifier dynamiquement la source d'un <input type="image">... Je vais passer par un bon vieux php avec rechargement de la page...

Merci pour ton aide en tout cas.

par Cyrano » 10 sept. 2005, 16:55

Ha ok.... heu... ben j'en ai aucune idée alors. Peut-être trouveras tu des ressources ICI

par Lunatic » 10 sept. 2005, 16:33

Non ce n'est pas ce que je demande, je ne souhaite pas modifier la valeur d'un champ.

Je sais comment s'utilise alert(), présenté ici simplement pour l'exemple.

Ma question est : comment récupérer les valeurs x et y du clic sur l'image, sans recharger la page...

Merci :)

par Cyrano » 10 sept. 2005, 14:51

La méthode alert() ouvre une boite de dialogue et ce qu'on met en paramètre est le texte à afficher.

Si tu veux modifier la valeur d'un champ <input>, tu dois procéder autrement :
<input type="image" src="monimage.jpg" name="monimage" onclick="window.document.forms['id_formulaire'].elements['clique'].value='Nouvelle valeur'; return false;" /><br />
<input type="text" name="clique" id="clique" value="" />

Récupérer les coordonnées de la souris...

par Lunatic » 10 sept. 2005, 14:20

Bonjour,

j'ai besoin de récupérer les coordonnées du point sur lequel l'utilisateur a cliqué, sur une image mise en "input", c'est à dire :

Code : Tout sélectionner

<input type="image" src="monimage.jpg" name="monimage" />
Je sais qu'en PHP je peux facilement récupérer ces coordonnées sous la forme $_POST['monimage_x'] et $_POST['monimage_y'] ; mais je souhaite justement me passer de php et faire cela en javascript.

Concrètement, je souhaite pouvoir récupérer ces valeurs sans valider le formulaire. Autrement dit, le code suivant (pris pour exemple) devrait afficher la coordonnées "x" :

Code : Tout sélectionner

<input type="image" src="monimage.jpg" name="monimage" onclick="alert(...);" />
Seulement je ne sais que mettre dans le "alert"... J'ai essayé des trucs du genre this.x.value, mais ça ne fonctionne pas...

Merci pour votre aide :)