"Sous Formulaire"

**DJPi** · 06/03/2005, 17h03

Bonjour a tous,
Je ne conait pas bien du tout le javascript mais j'en ai absolument besoin.
En effet, je voudrait créer un "sous formulaire" dynamique. Je m'explique.

Prenons cet exemple :
Bouton radio : Football Bouton Radio : Basketball
Si on sélectionne "Football", on arrive, sur la ligne d'en dessous, sur un second formulaire de ce type : "Nombre de buts : Champ de texte
Si on sélectionne "Basketball, on arrive sur la ligne d'en dessous, sur un second formulaire de ce type : "Nombre de paniers : Champ de texte

Je précise que je ne souhaite pas recharger la page.

Merci d'avance
DJPi

**SpaceFrog** · 07/03/2005, 10h27

Il ne faut pas parler de sous formulaire ... un seul formulaire est nécessaire. il est d'ailleurs fortement déconseiller de faire des formulares multiples...
Bref dans ton cas il suffit juste de mettre des div cachés et de les faire apparaitre en fonction de l'avancement du remplissage du formulaire par l'utilisateur...

lorsque le type clicke sur football ça fait apparaitre le sous enemble de questions correspondant au choix football:
vite fait ça pourrait donner un truc du genre:

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
22
23
24
25
26
27
28
29
30
 
<script>
function Continue(Sport){
 
switch (Sport){
	case 'foot': document.getElementById('Qfoot').style.display='block';
    				document.getElementById('Qbasket').style.display='none';
					 break;
 
	case 'basket': document.getElementById('Qbasket').style.display='block';
						document.getElementById('Qfoot').style.display='none';
     }
}					  				  
 
</script>
</head>
 
<body >
<form name="sports" >
<input type="radio" name="choice" id="choice1" onclick="Continue('foot')"/><label for="choice1">football</label><input type="radio" name="choice" id="choice2" onclick="Continue('basket')"/><label for="choice2">Basket</label>
<div id="Qfoot" style="display:none;">
	Nombre cartons jaunes <input type="text" name="repfoot" />
</div>
<div id="Qbasket" style="display:none;">
	Nombre de panier à 3 points <input type="text" name="repbasket" />
</div>
</form>
 
</body>
</html>

**DJPi** · 07/03/2005, 17h50

C'est exactement ce que je voulait ! Merci beaucoup SpaceFrog.

A+
DJPi

"Sous Formulaire"

JavaScript

Discussions similaires

Partager

Partager