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

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

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();
}

redirection avec des radios bouttons

JavaScript

Discussions similaires

Partager

Partager