[JAVASCRIPT] MAP d'une image, récupérer valeur

[invitea09e49c1]

Salut,

J'ai une avec quelques cases, j'ai fait une map de cette image.

<img src="css/grille.png" usemap="#Map" class="img_grille" />
                        <map name="Map">
                          <area shape="rect" id="1" coords="32,54,58,80" href="#" alt="1" onclick="alert(document.getElementById('clicked_area').value=this.id);return false" />
                          <area shape="rect" id="2" coords="60,55,84,78" href="#" alt="2" onclick="alert(document.getElementById('clicked_area').value=this.id);return false" />
                          <area shape="rect" id="3" coords="86,54,112,79" href="#" alt="3" onclick="alert(document.getElementById('clicked_area').value=this.id);return false" />
                          <area shape="rect" id="4" coords="113,54,139,79" href="#" alt="4" onclick="alert(document.getElementById('clicked_area').value=this.id);return false" />
                          <area shape="rect" id="5" coords="140,54,166,79" href="#" alt="5" onclick="alert(document.getElementById('clicked_area').value=this.id);return false" />
                        </map>

Grâce à ce sujet : http://www.developpez.net/forums/d98...uee-image-map/ j'ai réussi à afficher une alert avec la valeur de la case.

<img src="css/grille.png" usemap="#Map" class="img_grille" />
                        <map name="Map">
                          <area shape="rect" id="1" coords="32,54,58,80" href="#" alt="1" onclick="alert(document.getElementById('clicked_area').value=this.id);return false" />
                          <area shape="rect" id="2" coords="60,55,84,78" href="#" alt="2" onclick="alert(document.getElementById('clicked_area').value=this.id);return false" />
                          <area shape="rect" id="3" coords="86,54,112,79" href="#" alt="3" onclick="alert(document.getElementById('clicked_area').value=this.id);return false" />
                          <area shape="rect" id="4" coords="113,54,139,79" href="#" alt="4" onclick="alert(document.getElementById('clicked_area').value=this.id);return false" />
                          <area shape="rect" id="5" coords="140,54,166,79" href="#" alt="5" onclick="alert(document.getElementById('clicked_area').value=this.id);return false" />
                        </map>


<form name="recup_element" action="javascript:alert(document.getElementById('clicked_area').value)" method="get" />
			<input type="hidden" name ="clicked_area" id="clicked_area" value="" />
</form>

Voiçi donc mon problème, en premier lieu je ne comprend pas comment fonctionne ce formulaire.

Après quelques essais j'ai pu déterminer que l'alerte était celle des onclick, en effet cela fonctionne toujours si j'enlève le alert du form.


Bref, pour commencer j'aimerais bien comprendre comment fonctionne tout ce formulaire.

Merci !
-----