redirection avec des radios bouttons

Miss kouka · 09/08/2011, 13h43

Bonjour,

en fait je veux quand je coche un radio boutton et je valide avec la boutton subbmit il dois me rediriger vers une page.php voila mon code mais ca marche pas je ne sais pas pourquoi,n'hésitez pas a m'aider s'il vous plait

code javascript:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<head>
 
 
 
<SCRIPT language="javascript"> 
function choixpage(form_xml) { 
if (form_xml.choix[0].checked) 
	{window.location.replace="CQ_xml.php";	 }
if (form_xml.choix[1].checked) {window.location.replace="QC_xml.php"; }
if (form_xml.choix[2].checked) { window.location.replace="EXCEL_xml.php";} 
} 
</SCRIPT> 
</HEAD>

code de ma formulaire:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<form  method="post" name="form_xml">
<table width="317" border="0">
  <tr>
    <td colspan="7">Menu</td>
  </tr>
  <tr>
    <td width="93" height="35">Type</td>
    <td width="37">CQ</td>
    <td width="24"><input type="radio" name="choix"  value="CQ" /></td>
    <td width="33">QC</td>
    <td width="24"><input type="radio" name="choix"  value="QC" /></td>
    <td width="37">Excel</td>
    <td><input type="radio" name="choix"  value="Excel" /></td>
  </tr>
  <tr>
    <td height="40">&nbsp;</td>
    <td colspan="5"><input type="submit" name="button" id="button" value="OK"  onclick="choixpage(form_xml)"/></td>
    <td width="39">&nbsp;</td>
  </tr>
</table>
</form>

Merci d'avance.

Watilin · 09/08/2011, 13h59

Citation:

Envoyé par Miss kouka

Bonjour,

Code :

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

window.location.replace="CQ_xml.php";

Salut,
je pense que tu mélanges href et replace.
Ceci fonctionne :

Code :

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

window.location.href = "CQ_xml.php";

Ainsi que cela :

Code :

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

window.location.replace("CQ_xml.php");

Bovino · 09/08/2011, 14h26

Citation:

quand je coche un radio boutton et je valide avec la boutton subbmit il dois me rediriger vers une page.php

Ben faut pas utiliser un bouton submit si tu veux pas faire de submit

Ton code ne peut pas fonctionner comme ça (je veux dire, même en faisant les modifications préconisées par Watilin) puisque l'appui sur un submit a pour effet de soumettre le formulaire !

Il faut soit que tu annules l'action par défaut du bouton, soit que tu mettes un input de type button.

Miss kouka · 09/08/2011, 14h26

merci mais ca marche pas

Miss kouka · 09/08/2011, 14h31

merci,mais si je veux annuler l'action de boutton submit comment je vais faire l'appel de la fonction

Code :

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

<input type="submit" name="button" id="button" value="OK"  onclick="choixpage(form_xml)"/>

Loceka · 10/08/2011, 11h32

Bon alors déjà les mauvaises pratiques :
- mettre un onclick sur le bouton submit (l'utilisateur peut valider en utilisant le clavier)
- exécuter un script sur le bouton submit (préférer l'attribut onsubmit du formulaire)

Ensuite les erreurs :
- <input ... onclick="choixpage(form_xml)"/> ne compile pas (donc fait planter javascript) étant donné que la variable form_xml n'existe nulle part. Il faudrait passer l'argument entre guillemets et modifier en conséquence la fonction javascript appellée
- l'utilisation de location.replace/location.href n'a rien à faire dans le contexte d'un formulaire (il faut utiliser l'attribut action du formulaire conjointement avec la fonction submit())

Les corrections à apporter :
- Pour le form :

Code :

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

1
2
3
<form method="post" name="form_xml" onsubmit="choixpage(this); return false;">
<!-- contenu du formulaire -->
<input type="submit" name="button" value="OK"/>

- Pour le javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function choixpage(form_xml) { 
	if (form_xml.choix[0].checked) {
		form_xml.action="CQ_xml.php";
	} else if (form_xml.choix[1].checked) {
		form_xml.action="QC_xml.php";
	} else if (form_xml.choix[2].checked) {
		form_xml.action="EXCEL_xml.php"
	} else {
		alert("selectionner un choix");
		return;
	}
	form_xml.submit();
}

09/08/2011, 14h26	#4
Miss kouka Futur Membre du Club kaoutar Stagiaire Inscription : août 2009 Messages : 148 Détails du profil Informations personnelles : Nom : kaoutar Localisation : France Informations professionnelles : Activité : Stagiaire Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : août 2009 Messages : 148 Points : 16 Points : 16	merci mais ca marche pas
	00

09/08/2011, 14h31	#5
Miss kouka Futur Membre du Club kaoutar Stagiaire Inscription : août 2009 Messages : 148 Détails du profil Informations personnelles : Nom : kaoutar Localisation : France Informations professionnelles : Activité : Stagiaire Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : août 2009 Messages : 148 Points : 16 Points : 16	merci,mais si je veux annuler l'action de boutton submit comment je vais faire l'appel de la fonction Code : Sélectionner tout - Visualiser dans une fenêtre à part <input type="submit" name="button" id="button" value="OK" onclick="choixpage(form_xml)"/>
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email