redirection avec des radios bouttons

Version imprimable

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:

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:

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.

09/08/2011, 13h59
Watilin

Citation:

Envoyé par Miss kouka

Bonjour,

Code:

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

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

Code:

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

Ainsi que cela :

Code:

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

;)
09/08/2011, 14h26
Bovino

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 :roll:

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 ! :aie:
Il faut soit que tu annules l'action par défaut du bouton, soit que tu mettes un input de type button.
09/08/2011, 14h26
Miss kouka

merci mais ca marche pas
09/08/2011, 14h31
Miss kouka

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

Code:

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

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:

1 2 3 <form method="post" name="form_xml" onsubmit="choixpage(this); return false;">  <input type="submit" name="button" value="OK"/>
- Pour le javascript :
Code:

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