R�cup�rer en javascript une variable envoy�e par radio buttom

Version imprimable

Bonjour les amis,

J'ai un formulaire avec deux boutons radios qui sont appel�s (actions).
Action[0] = modifier, action[1] = supprimer
Avant d'envoyer le formulaire, je le contr�le par javaScript comme ceci:
Code:

1 2 3 4 5 6 7 8 9 <SCRIPT LANGUAGE = "JavaScript"> function verifForm2(form2){ if(confirm("Etes-vous certain de ce message ?")){ form2.submit(); } } /*ceci marche nickel mais ce n'est pas ce que je voudrais écrire. Je voudrais écrire (Etes-vous certain de modifier ce message) si le boutton action dont la valeur est modifiée est cochée et supprimer dans l'autre cas.*/ </SCRIPT>
Votre aide me sera tr�s pr�cieuse.
Je vous remercie beaucoup

07/02/2008, 09h04
le_chomeur
Salut :)

au moment du post v�rifis quelle case est la valeur du bouton radio coch� puis ajoute le en string dans ton confirm :
Code:

1 2 3 4 5 6 7 8 function verifForm2(form2){ var choix = ICI TU RECUPERE LA VALEUR DE TON BOUTON RADIO if(confirm("Etes-vous certain "+choix+" de ce message ?")){ form2.submit(); } }
voila , je te laisse tout de m�me le soins de coder ;)
07/02/2008, 09h10
SpaceFrog

oui sauf qu'il est pr�f�rable de passer par le onsubmit que de faire une soumission dynamique ...

�a ne marche pas.
Voici ce que j'ai fait et �a me dit undefiened

Code:

1
2
3
4
5
6
7
8
9
<SCRIPT LANGUAGE = "JavaScript">
function verifForm2(form2){
var choix = form2.valider.value;
if(confirm("Etes-vous certain de "+choix+" ce message?")){
form2.submit();
}
 
}
</SCRIPT>

07/02/2008, 10h19
SpaceFrog

form2 c'est quoi au juste ???
tu m�langes un peu tout l� je crois ...

fais attention � ton param�tre ...
l� tu confonds le form et le message ...

Bon voila un exemple complet bas� sur le onsubmit ( merci spaffy )

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<SCRIPT LANGUAGE = "JavaScript">
function verifForm2(){
var choix = null;
var lstBtnRadio = document.forms[0].elements['test'];
for(var i = 0 ; i < lstBtnRadio.length ; i++){
if(lstBtnRadio[i].checked){
choix =lstBtnRadio[i].value;
break;
}
}
 
return confirm("Etes-vous certain de "+choix+" ce message?") 
}
</SCRIPT>
</head>
 
<body>
<form onsubmit="return verifForm2()">
<input type="radio" name="test" value="modifier" />
<input type="radio" name="test" value="supprimer"/>
<input type="submit" value="on submit" />
</form>
</body>
</html>

07/02/2008, 10h40
SpaceFrog

il manque juste l'action ... mais sinon c'est �a ;)
07/02/2008, 11h12
Alexandrebox

Merci beaucoup Le_chomeur

Je vais tester tout �a et te redis. :king:

Merci � vous tous.
Le code, je l'ai copi� tel et �a ne marche pas. Erreur sur la page.
Le mien marchait sauf qu'il me donnait pas la valeur. Le_Chomeur, stp, est ce que tu peux m'aider � voire clair dans mon code. Pourquoi j'ai des erreurs sur la page?

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
 
<SCRIPT LANGUAGE = "JavaScript">
function verifForm2(form2){
var choix = null;
var btnRadio = document.form2[0].elements['valider'];
 
for(var i = 0 ; i < btnRadio.length ; i++){
 
if(btnRadio[i].checked){
choix = btnRadio[i].value;
break;
}
 
}
 if (confirm("Etes-vous certain de "+choix+" ce message?") ){
 form2.submit();
 }
}
</SCRIPT>
 
 
 
<form name="form2" method="post" action="pageadmin.php" onSubmit="return verifForm2(form2)">
<input type="radio" name="valider" value="supprimer">
<input name="valider" type="radio" value="modifier" checked>
<input name="Submit2" type="button"  value="Valider l'action" onClick= "return verifForm2(form2)">

Merci beau Le_chomeur

07/02/2008, 14h48
Alexandrebox

Je ne sais pas o� se trouve l'erreur. Je vais encore chercher voir
D'avance je vous remercie beaucoup

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<SCRIPT LANGUAGE = "JavaScript">
function verifForm2(form2){
var choix = null;
var btnRadio = document.forms[0].elements['valider'];
 
for(var i = 0 ; i < btnRadio.length ; i++){
 
if(btnRadio[i].checked){
choix = btnRadio[i].value;
break;
}
 
}
 if (confirm("Etes-vous certain de "+choix+" ce message?") ){
 form2.submit();
 }
}
</SCRIPT>
</head>
 
<body>
<form name="form2" method="post" action="pageadmin.php" onSubmit="return verifForm2(form2)">
<input type="radio" name="valider" value="supprimer">
<input name="valider" type="radio" value="modifier" checked>
<input name="Submit2" type="button"  value="Valider l'action" onClick= "return verifForm2(form2)">
</body>
</html>

Voir tes MP

[/CODE]

07/02/2008, 15h07
Alexandrebox

Merci beaucoup Le_Chomeur.
J'ai cru que forms �tait le nom de mon formulaire. :D
Erreur de d�butant. Je vais clore cette discussion alors. Merci beaucoup

Je n'ai rien chang� sur le code.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <SCRIPT LANGUAGE = "JavaScript"> function verifForm2(form2){ var choix = null; var btnRadio = document.forms[0].elements['valider']; for(var i = 0 ; i < btnRadio.length ; i++){ if(btnRadio[i].checked){ choix = btnRadio[i].value; break; } } if (confirm("Etes-vous certain de "+choix+" ce message?") ){ form2.submit(); } } </SCRIPT>
Pas de message d'erreur cette fois-ci mais voici la r�ponse qu'elle me donne :

Citation:

Etes-vous certain de null ce message?

Peut-�tre ai-je loup� quelque chose. D'avance je vous remercie

07/02/2008, 15h24
le_chomeur
Ceci arrive si aucune de tes bouton radio ne sont coch�es :)
fait une v�rification juste avant, demandant a l'utilisateur de cocher une des cases ...
Code:

1 2 3 4 5 6 7 8 9 if(choix != null){ if (confirm("Etes-vous certain de "+choix+" ce message?") ){ form2.submit(); } } else{ alert("Veuillez sélectionner un choix"); }

Le bouton "modifier" est par d�faut coch�. Normalement il devrait au moins retourner la valeur de cette case l�.

Code:

1
2
3
4
<form name="form2" method="post" action="pageadmin.php" onSubmit="return verifForm2(form2)">
<input type="radio" name="valider" value="supprimer">
<input name="valider" type="radio" value="modifier" checked>
<input name="Submit2" type="button"  value="Valider l'action" onClick= "return verifForm2(form2)">

07/02/2008, 15h44
le_chomeur

Effectivement , �trange , de mon cot� cela fonctionne sous ie7 et firefox , sur quel navigateur es tu ?
07/02/2008, 16h04
Alexandrebox

Je suis sous Internet 7 aussi.
Si �a fonctionne chez toi, il doit dans ce cas y avoir un probl�me avec ma machine. Je vais encore voir.

Merci beaucoup pour ta patience et ton aide.