Bonjour,
je me tourne vers vous car j'ai un petit problème avec un site sur lequel je bosse en ce moment.
L'une des pages contient une image de carte sur laquelle l'utilisateur peut cliquer. Lors du clic un petit drapeau s'affiche.
Si l'utilisateur clique de nouveau les coordonnées du drapeau sont modifiés et l'icône (flag) est déplacé.
J'ai écrit ces quelques lignes en utilisant la bibliothèque mootools (http://mootools.net/docs/core)
 

ce code fonctionne très bien mais j'aimerai maintenant aller plus loin. je voudrai inclure des champs hidden dans un formulaire pour envoyer les coordonnées du drapeau au serveur quand l'utilisateur clique sur le bouton submit

 
Est ce que vous voyez comment je peux récupérer les coordonnées de flag. Il faudrait que le value des balise hidden soit modifié à chaque clic de l'utilisateur. Je suis obligé de passer par Ajax pour faire ça sans recharger la page, non?
Merci de votre aide

Déjà un code propre serait pas mal (même si ça ne répond pas à la question, on est d'accord ).

.....
<!-- attribut alt obligatoire pour les images -->
<img src="carteFrance.gif" id="map" alt="" />      
<img src="flag.png" id="flag"  style="visibility:hidden" alt="" />
 
<!-- tag en minuscule, et on utilise l'attribut "type", pas "language" -->
<script type="text/javascript"> 
 
var map = $('map');
var flag = $('flag');
 
map.addEvent('click', function(event) {
    flag.setStyle("position", "absolute" );
    flag.setStyle("top", event.client.y);
    flag.setStyle("left", event.client.x);
    flag.setStyle('visibility','visible');
});
 
</script>
 
.....

Merci Mr le validateur XHTML... Mais ce n'est pas l'objet du post.
Néanmoins je prends note de ces quelques remarques.

Je sais que ce n'est pas l'objet du post, je l'ai d'ailleurs moi même précis. Mais ça ne coûte rien de donner des conseils

Je pratique pas le framework mootools mais ça doit être un truc du style
 
$('coordX').set('value', "COORDONNEES DE FLAG EN X" );
$('coordY').set('value', "COORDONNEES DE FLAG EN Y" );
 
à mettre dans l'event