[Form] comment recup des valeurs de radio ?

Version imprimable

Salut !

J'ai une page index.htm où je possède un formulaire avec 3 input de type radio
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <tr height ="50" align=right> <td colspan="30%,*"><input type="radio" name='choix' value='1'></td> <td align=left>Débutant ( très facile )</td> </tr> <tr height ="50" align=right> <td colspan="30%,*"><input type="radio" name='choix' value='2'></td> <td align=left>Moyen </td> </tr> <tr height ="50" align=right> <td colspan="30%,*"><input type="radio" name='choix' value='3'></td> <td align=left>Confirmé ( très difficile )</td> </tr>
Je voudrais recup la valeur du bouton radio coché dans une seconde page.
Il s'agit d'un jeu du pendu modifié par mes soins, et suivant le niveau de difficulté choisi, si par exemple je coche "Debutant", ça m'ouvre ma seconde page pendu.htm , et suivant la difficulté chosie ( ici debutant ) ça prend une liste de mots faciles à partir d'un fichier *.js
Code:

1 2 <script language="Javascript" src="mots_pendu.js"> </script>
Dans ce Js, j'ai 3 tableaux de mots s'appelant chacun mot , mott et mottt
Donc si je choisis débutant dans index.htm, dans pendu.htm ça doit m'ouvrir mot seulement et bien entendu récupérer la valuer du bouton radio de valeur 1

Je ne suis pas très clair je sais :(

index.htm :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<html>
<head>
<script language="Javascript">
function ouvrir()
{
 		 if (document.formu.pseudo.value == "" )
 		 	alert("Vous devez entrer un pseudonyme SVP ! ");
		else
			window.open("pendu.htm");
}
 
</script>
</head>
<body>
<form name="formu" action="pendu.htm" method="GET">
 
<table align="center" border="0" width="800" id="difficult">
		 <tr>
		 	 <td colspan="100%" align="center"><h1>Bienvenue dans le jeu du pendu</h1></td>	
		 </tr>
		 <tR align=center>
		 	 <td colspan="100%">Choisissez un pseudo :</td>
		 </tr>
		 <tr align=center>
		 	 <td colspan="100%"><input type="Text" name="pseudo" value=""></td>
		 </tr>
		 <tr height ="75">
			 <td align="center" colspan="100%"><font color="red">Veuillez choisir votre niveau de difficultée</font></td>
		 </tr>
		 <tr height ="50" align=right>
		 	 <td colspan="30%,*"><input type="radio" name='choix' value='1'></td>
			 <td align=left>Débutant ( très facile )</td>
		 </tr>
		 <tr height ="50" align=right>
		 	 <td colspan="30%,*"><input type="radio" name='choix' value='2'></td>
			 <td align=left>Moyen </td>
		 </tr>
		 <tr height ="50" align=right>
		 	 <td colspan="30%,*"><input type="radio" name='choix' value='3'></td>
			 <td align=left>Confirmé ( très difficile )</td>
		 </tr>
		 <tr  align=center>
		 	 <td height="90" colspan="100%"><input type="button" name="confirme" value="GO !" onclick="javascript:ouvrir()"></td>
		 </tr>
		 <tr  align=center>
		 	 <td height="20" colspan="100%"><input type="button" name="score" value="Tableau des scores"></td>
		 </tr>
		  <tr  align=right>
		 	 <td height="20" colspan="100%">
			 <img src="fermer.gif" name="pict" onClick='Javascript:window.open("about:blank","_self","").close()'>
			 </img>
			 </td>
		 </tr>
</table>
 
</form>
 
</body>
</html>

pendu.htm :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<html>
<head>
 
<script language="Javascript" src="mots_pendu.js">
</script>
 
<script language="Javascript"> 
 
var NbMots=Mottt.length;                         // Nb mots contenus dans la table Mottt
var Tirage=Math.floor(Math.random()*NbMots);     // Tirer aléatoirement un mot
var Cherche=Mottt[Tirage].toUpperCase() ;        // Stocker le mot tiré en majuscule
var Long=Cherche.length;                         // Calculer la longueur du mot tiré
var Chaine=Cherche.substr(0,0);                  // Créer la chaine à afficher
for(i=0;i<=(Long-1);i++)                         // en mettant des - au milieu
{
	Chaine+="-";
}           
Chaine+=Cherche.substr(Long,Long);
Propos="";                                       // Lettres proposées
NbErr=0;                                         // Nombre d'erreurs
 
 
          // Pour afficher les lettres du mot, on va aérer avec des espaces
 
function aff_mot()
{
	Tampon="";
	for(i=0;i<Long;i++)
	{
		Tampon=Tampon+" "+Chaine.substr(i,1);
	}
	document.frm.what.value=Tampon;
}
 
         // Voir si la lettre existe dans le mot
 
function trouve(Lettre,obj)
{		
			obj.value="×";                              //la lettre est remplacée par un x
			obj.style.backgroundColor='red';            //la case prend la couleur rouge
			obj.onclick="";                             //la case ne renvoie plus de valeur
 
			trv=0;                                      // On considère au départ que la lettre n'est pas trouvée
 
		for (i=0;i<Long;i++)                            // Boucle de recherche de la lettre
		{
				if(Cherche.substr(i,1)==Lettre)         //  Et prise en compte si trouvée 
				{                                      
				trv=1;                                  // On a trouvé cette lettre
				gauche=Chaine.substr(0,i);              // On crée la chaine
				droite=Chaine.substr(i+1,Long);         // en y insérant
				Chaine=gauche+Lettre+droite;            // la lettre trouvée
				}
		}
		         aff_mot();                                      // On affiche le mot 
 
				 if(trv==0)                                      // Si la lettre n'a pas été trouvée, +1 dans  Erreurs
				{
				  	NbErr+=1;
				}       
 
				if(NbErr>0)                                     // Image à afficher
				{
				 	document.pict.src="pendu"+NbErr+".gif";
				} 
 
				if(NbErr>8)                                     // A-t-il perdu ?
				{ 
				  	document.pict.src="pendu.gif";
					alert("Vous êtes pendu(e)s !\n Il fallait trouver : " +Cherche);
					location.reload(true);
 
				}
 
				if(Chaine==Cherche)                             // A-t-il gagné ?
				{
				 	document.pict.src="bravo.jpg";
				 	alert("Bravo ! T'es un champion ^^ \n Tu as bien trouvé le mot :\n"+Cherche);
					location.reload(true);
				}                                             
 
 
 
}
 
</script>
<style>
input	{
			border-color:#000000;border-width:1;
			font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
			font-size:14;color:#000000;
		}
</style>
</head>
<body onLoad=aff_mot()><center>
<table border=0 width=80% id="tableau">
<tr>
	 <td><img src="pendu0.gif" name=pict>
	</td>
</tr>
<tr>
	<td align=center >
	<form>
		<script>
 
             //Boucle d'affichage des lettres de l'alphabet avec fonction correspondante 
 
		for (i=65;i<=90;i++)             // en deux morceaux pour  des raisons d'affichage ici
		{
			document.write("<input type=button accesskey='&#"+i+";' name='&#"+i+";'");
			document.write("value='&#"+i+";' onClick=trouve('&#"+i+";',this)>");
			if (i==77)
			{
				document.write("<br>");
			}
		}
		</script>	
	</form>
	</td>
</tr>
<tr><td  align=center>
		<form name="frm">
		<script>
		document.write("<input type=text name=what value='' size="+(4*Long)+" style='border: none; text-align: center'><br><br> ");
		document.write("Le mot est composé de : <b><font size='4'>" + Long  + "</font></b> lettres ");
		</script>
 
</tr>
 
</table>
</center>
</body>
</html>

et le *.js :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var Mot=new Array("maison","voiture","chien","chat","camion","avion","nuage","fumee","table",
"chaise","route","ville","carte","arbre","enfant","tableau","bateau","eau","feu","terre",
"air","vie","bouteille","roue","cheval","vache","bouchon","canape","papier","gomme","feutre",
"cahier","porte","oiseau","ciseau","colle","ciel");
 
var Mott=new Array("oxygene","papillon","frelon","pistolet","grenade","herbe","ble","sac",
"cadran","etoile","eponge","mer","ordinateur","souris","clavier","fauteuil","cuillere",
"coléoptere","insecte","dentifrice","toilette","tabouret","montre","aspirateur",
"lampadaire","calamite","cowboy","indien","radiateur","acquereur","detenu","prison",
"barreau","matraque","vestibule","chaussette","pantalon","pull","casquette",
"veste","respiration","plongeoir","piscine");
 
var Mottt=new Array("xylophone","wagon","propane","xenophobie","yacht","tourbillon","tsunami",
"cyclone","feodal","internationalisation","galaxie","odyssee","aquarium","uranium",
"microcosme","larynx","hydrosphere","atmosphere","stenosphere","cretace","jurassique",
"neandertal","rhinoceros","stegosaure","tyranosaure","zirconium","zygomatique");

Je suis sympa je fournis tout le code :mouarf: une fois fini, je le transmettrai ! je compte en faire un jeu avec classement suivant le pseudo du joueur, le nbr de parties et le temps resté sur chaque partie ;)

04/10/2006, 15h31
stolx_10

Up :mouarf: ....and Down ! :cry: svp j'ai besoin de vous ! je dois le presenter rapidement pour mes exams

A tester...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function recupereRadio(){
boutonR=self.opener.document.formu.choix;
 
for(i=0;i<boutonR.length;i++){
if (boutonR[i].checked){
alert ("choix"+boutonR[i].value)
}
}
}
 
recupereRadio();

04/10/2006, 15h38
stolx_10

Faut que je le mette dans pendu.htm et pas index.htm où sont mes boutons radio !
Je vais tester
04/10/2006, 15h48
stolx_10

Non ça ne fonctionne pas, ça bug sur la ligne" boutonR=opener.formu.choix "
04/10/2006, 15h51
Matthieu2000

Citation:

Envoyé par stolx_10

Non ça ne fonctionne pas, ça bug sur la ligne" boutonR=opener.formu.choix "

es tu dans pendu.htm ?

Code:

opener.document.forms[0].elements["choix"]
04/10/2006, 15h56
stolx_10

Je te réexpliqe, dans index.htm il y'a mes boutons radio ou je leur met comme valeur 1 , 2 et 3 pour debutant, moyen et difficile.

Je souhaite dans pendu.htm recuperer une valeur de bouton qui m'ouvrira le bon tableau de mon fichier.js suivant la difficulté choisie.

mot = 1 , mott = 2 et mottt = 3.

C'est pourquoi j'ai joint mes fichiers car je ne sais pas par quelle méthode passer.
Si tu pouvais modifier mon code et me le faire parvenir ça serait nickel mais c'est pas le but du forum. Mais là je suis perdu :cry:

Je dois penser à arrêter de travailler à chaud!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
 
<html>
<head>
 
 
<script language="Javascript" src="mots_pendu.js">
</script>
 
<script language="Javascript"> 
 
 
 
 
function recupereRadio(){
resultat='1';
boutonR=self.opener.document.formu.choix;
	for(i=0;i<boutonR.length;i++){
		if(boutonR[i].checked){
		resultat=boutonR[i].value;
		}
	}
return resultat;
}
 
var niveau=recupereRadio();
var NbMots=listeMots[niveau].length;                         // Nb mots contenus dans la table Mottt
var Tirage=Math.floor(Math.random()*NbMots);     // Tirer aléatoirement un mot
var Cherche=listeMots[niveau][Tirage].toUpperCase() ;        // Stocker le mot tiré en majuscule
var Long=Cherche.length;                         // Calculer la longueur du mot tiré
var Chaine=Cherche.substr(0,0);                  // Créer la chaine à afficher
for(i=0;i<=(Long-1);i++)                         // en mettant des - au milieu
{
	Chaine+="-";
}           
Chaine+=Cherche.substr(Long,Long);
Propos="";                                       // Lettres proposées
NbErr=0;                                         // Nombre d'erreurs
 
 
          // Pour afficher les lettres du mot, on va aérer avec des espaces
 
function aff_mot()
{
	Tampon="";
	for(i=0;i<Long;i++)
	{
		Tampon=Tampon+" "+Chaine.substr(i,1);
	}
	document.frm.what.value=Tampon;
}
 
         // Voir si la lettre existe dans le mot
 
function trouve(Lettre,obj)
{		
			obj.value="×";                              //la lettre est remplacée par un x
			obj.style.backgroundColor='red';            //la case prend la couleur rouge
			obj.onclick="";                             //la case ne renvoie plus de valeur
 
			trv=0;                                      // On considère au départ que la lettre n'est pas trouvée
 
		for (i=0;i<Long;i++)                            // Boucle de recherche de la lettre
		{
				if(Cherche.substr(i,1)==Lettre)         //  Et prise en compte si trouvée 
				{                                      
				trv=1;                                  // On a trouvé cette lettre
				gauche=Chaine.substr(0,i);              // On crée la chaine
				droite=Chaine.substr(i+1,Long);         // en y insérant
				Chaine=gauche+Lettre+droite;            // la lettre trouvée
				}
		}
		         aff_mot();                                      // On affiche le mot 
 
				 if(trv==0)                                      // Si la lettre n'a pas été trouvée, +1 dans  Erreurs
				{
				  	NbErr+=1;
				}       
 
				if(NbErr>0)                                     // Image à afficher
				{
				 	document.pict.src="pendu"+NbErr+".gif";
				} 
 
				if(NbErr>8)                                     // A-t-il perdu ?
				{ 
				  	document.pict.src="pendu.gif";
					alert("Vous êtes pendu(e)s !\n Il fallait trouver : " +Cherche);
					location.reload(true);
 
				}
 
				if(Chaine==Cherche)                             // A-t-il gagné ?
				{
				 	document.pict.src="bravo.jpg";
				 	alert("Bravo ! T'es un champion ^^ \n Tu as bien trouvé le mot :\n"+Cherche);
					location.reload(true);
				}                                             
 
 
 
}
 
 
 
 
</script>
<style>
input	{
			border-color:#000000;border-width:1;
			font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
			font-size:14;color:#000000;
		}
</style>
</head>
<body onLoad=aff_mot()><center>
<table border=0 width=80% id="tableau">
<tr>
	 <td><img src="pendu0.gif" name=pict>
	</td>
</tr>
<tr>
	<td align=center >
	<form>
		<script>
 
             //Boucle d'affichage des lettres de l'alphabet avec fonction correspondante 
 
		for (i=65;i<=90;i++)             // en deux morceaux pour  des raisons d'affichage ici
		{
			document.write("<input type=button accesskey='&#"+i+";' name='&#"+i+";'");
			document.write("value='&#"+i+";' onClick=trouve('&#"+i+";',this)>");
			if (i==77)
			{
				document.write("<br>");
			}
		}
		</script>	
	</form>
	</td>
</tr>
<tr><td  align=center>
		<form name="frm">
		<script>
		document.write("<input type=text name=what value='' size="+(4*Long)+" style='border: none; text-align: center'><br><br> ");
		document.write("Le mot est composé de : <b><font size='4'>" + Long  + "</font></b> lettres ");
		</script>
 
</tr>
 
</table>
</center>
</body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var listeMots=new Array()
 
listeMots['1']=new Array("maison","voiture","chien","chat","camion","avion","nuage","fumee","table",
"chaise","route","ville","carte","arbre","enfant","tableau","bateau","eau","feu","terre",
"air","vie","bouteille","roue","cheval","vache","bouchon","canape","papier","gomme","feutre",
"cahier","porte","oiseau","ciseau","colle","ciel");
 
listeMots['2']=new Array("oxygene","papillon","frelon","pistolet","grenade","herbe","ble","sac",
"cadran","etoile","eponge","mer","ordinateur","souris","clavier","fauteuil","cuillere",
"coléoptere","insecte","dentifrice","toilette","tabouret","montre","aspirateur",
"lampadaire","calamite","cowboy","indien","radiateur","acquereur","detenu","prison",
"barreau","matraque","vestibule","chaussette","pantalon","pull","casquette",
"veste","respiration","plongeoir","piscine");
 
listeMots['3']=new Array("xylophone","wagon","propane","xenophobie","yacht","tourbillon","tsunami",
"cyclone","feodal","internationalisation","galaxie","odyssee","aquarium","uranium",
"microcosme","larynx","hydrosphere","atmosphere","stenosphere","cretace","jurassique",
"neandertal","rhinoceros","stegosaure","tyranosaure","zirconium","zygomatique");

04/10/2006, 16h44
stolx_10

ça ne marche toujours pas, voir la console en image

Premiere ligne a ignorer car j'ai troué l'erreur de celle ci !
04/10/2006, 17h09
stolx_10

J'ai compris pour quoi cela marche chez toi !!!! :mouarf:

C'est parcequ'entre temps, j'ai modifié mon index.htm à la ligne du

Code:

window.open("pendu.htm","_self")

J'avais rajouté "_self" entre temps c'est pourquoi il me dit que self.opener...... fait erreur dans pendu.htm

Si je veux garder la metode "_self" dans l'ouverture de la fenetre, que dois je utiliser alors ?
04/10/2006, 17h15
Matthieu2000

Citation:

boutonR=opener.document.formu.choix
boutonR=window.opener.document.formu.choix
...

test
des fois tu dois utiliser une combinaison de parent _top _self...
04/10/2006, 18h14
stolx_10

Ca m'ouvre a chaque fois des popup :? j'aimerai juste que ça reste dans la meme fentre pour que ça prnne en compte le calcul du temps
05/10/2006, 09h50
stolx_10

Je voudrais ouvrir ma page pendu.htm dans la meme fenetre que mon index.htm.
Index.htm comporte cette ligne :
window.open("pendu.htm","_self",""); ou window.open("pendu.htm","","_self");
Je ne sais plus le sens :?

Et pendu.htm comporte cette ligne :
boutonR=self.opener.document.formu.choix;

La console javascript me renvoie l'erreur située plus haut. Par contre si je n'écris que window.open("pendu.htm"); il m'ouvre une autre fenetre.
Et si je change la ligne autrement en faisant _top, ou _parent ou _self, il m'ouvre un popup et du coup le code qui me permet d'afficher un temps de connexion à ma page est annulé.

Comment puis je tout ouvrir dans une meme pas sans passer par un popup ?
06/10/2006, 10h29
stolx_10

J'ai besoin de l'un d'entre vous svp