Page 1 sur 1

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

Posté : 10 sept. 2005, 14:20
par Lunatic
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 :)

Posté : 10 sept. 2005, 14:51
par Cyrano
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="" />

Posté : 10 sept. 2005, 16:33
par Lunatic
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 :)

Posté : 10 sept. 2005, 16:55
par Cyrano
Ha ok.... heu... ben j'en ai aucune idée alors. Peut-être trouveras tu des ressources ICI

Posté : 10 sept. 2005, 17:13
par Lunatic
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.