Formulaire dynamique et bouton radio

**Analfabete** · 05/01/2007, 19h06

Bonjour à tous je suis actuellement en train de réaliser un formulaire dynamique:
lorsque mon utilisateur clique sur le bouton radio je veux qu'un div apparaisse en bas pour que l'utilisateur inscrive ces informations et si l utilisateur clique sur l'autre bouton radio un nouveau div prend la place du précédent.
Voilà ce que j'ai déjà fais en faisant des recherche sur internet:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
              <input  id="a" type="radio" name="paiement" value="a" onclick="switch_select();">
 
		  <input  id="b" type="radio" name="paiement" value="b"  onclick="switch_select();"/>
 
...
 
<div id="div_a" style="display:none">
 
</div>
 
<div id="div_b" style="display:none">
 
</div>

Et le 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
15
switch_select() {
if (document.getElementById("a").checked) {
   document.getElementById("div_a").style.display="inline";
}
else {
   document.getElementById("div_a").style.display="none";
}
 
if (document.getElementById("b").checked) {
   document.getElementById("div_b").style.display="inline";
}
else {
   document.getElementById("div_b").style.display="none";
}
}

Rien ne marche et dans le débuggueur de firefow j'ai: "switch_selected is not defined"
Pourtant j'ai bien intégrer mon fichier avec:

Code :

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

1
2
<script src="../../script/afficher_cacher.js"> 
</script>

entre <head> et </head>

**dingoth** · 05/01/2007, 20h38

Faut rajouter le mot-clé function devant

Code :

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

1
2
3
switch_select() {
...
}

pour que ça donne ça :

Code :

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

1
2
3
function switch_select() {
...
}

Et puis, pour te simplifier le code, je te propose d'utiliser ceci comme bout de code. C'est juste comme ça, si tu le souhaites ou non

Code :

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

1
2
3
4
5
6
function switch_select() {
  var e = document.getElementsByName('paiement');
  for (var i = 0; i < e.length; i++) {
    document.getElementById('div_' + e[i].value).style.display = (e[i].checked ? 'inline' : 'none');
  }
}

**Analfabete** · 05/01/2007, 20h46

A merci ! Lol j'ai chercher pendant longtemps no comment...
Cependant il reste une toute petite chose, lorsque je charge ma page j'ai la div_a qui est déja apparente pourtant aucun bouton radio n'est cocher