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

Eléphanteau du PHP | 28 Messages

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 :)

Mammouth du PHP | 19672 Messages

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="" />
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphanteau du PHP | 28 Messages

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 :)

Mammouth du PHP | 19672 Messages

10 sept. 2005, 16:55

Ha ok.... heu... ben j'en ai aucune idée alors. Peut-être trouveras tu des ressources ICI
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphanteau du PHP | 28 Messages

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.