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)
Code :
- .....
- <img src="carteFrance.gif" id="map" />
- <img src="flag.png" id="flag" style="visibility:hidden"/>
- <SCRIPT language="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>
- .....
|
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
Code :
- <input type="hidden" name="coordX" value="COORDONNEES DE FLAG EN X">
- <input type="hidden" name="coordY" value="COORDONNEES DE FLAG EN Y">
|
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