Discussion :

[Quantactique]

Salut à tous,

Je dois faire une grille de loto en utilisant la balise <map>.
En gros j'ai mon image séparée en 49 <area />

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<map name="Map">
     <area shape="rect" id="1" coords="32,54,58,80" href="#" alt="1" />
     <area shape="rect" id="2" coords="60,55,84,78" href="#" alt="2" />
     <area shape="rect" id="3" coords="86,54,112,79" href="#" alt="3" />
     <area shape="rect" id="4" coords="113,54,139,79" href="#" alt="4" />
     <area shape="rect" id="5" coords="140,54,166,79" href="#" alt="5" />
     [...]
     <area shape="rect" id="49" coords="194,210,219,235" href="#" alt="49" />
</map>

Je parviens à récupérer via un <form> la valeur d'un et d'un seul élément sur lequel je clique (exemple : Je clique sur 2 puis 3 puis 9 puis sur le bouton "Envoyer" du formulaire. Mon script me renvoie bien la valeur 9.

Je dois pouvoir sélectionner les chiffres à jouer en cliquant sur les <area> correspondantes. Par exemple si je clique sur 3,4,5,28 j'aimerais que ces données soient ajoutées à un tableau dans un script JAVASCRIPT.

Donc voilà je ne voit absolument pas comment faire ><'

Merci d'avance !

[Bovino]

On peut voir au moins ce que tu as tenté de faire ?

[Quantactique]

Alors j'ai essayé comme ceci mais ça ne marche absolument pas ><'

Chaque fois que l'on clique sur une <area> on rentre dans le tableau la valeur obtenue via num_click

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<map name="Map">
<area shape="rect" id="1" coords="32,54,58,80" href="#" alt="1" onclick="num_click(tableau, id_de_cette_area)" />
<area shape="rect" id="2" coords="60,55,84,78" href="#" alt="2" onclick="num_click(tableau, 2)" />
<area shape="rect" id="3" coords="86,54,112,79" href="#" alt="3" onclick="num_click(tableau, 3)" />
 
<form name="recup_element" method="get"/>
	<input type="button" value="Soumettre" onclick="traitement_resusltat();"/>
</form>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function num_click(tab_joueur, id)
		{
			for(var i=0; i<tab_joueur.length;i++){
				if(tab_joueur[i] == id) { alert("Déjà choisi !"); return -1;}
			}
			tab_joueur.push(id);
                        return tab_joueur;
		}

Je n'arrive pas à mettre en code ce que je souhaite faire, je pensais, remplir le tableau grâce aux onclick sur les area et comparer avec le tirage en cliquant sur le bouton "soumettre".

Comme vous pouvez le voir je suis loin du compte ><'

[Quantactique]

Aha ! J'ai résolu mon problème !

Merci quand même !

[SylvainPV]

Pourquoi avoir ouvert un nouveau topic, c'est le même sujet que le précédent non ?