Cacher des champs de formulaire au chargement

**ColonelHati** · 15/01/2007, 11h33

Bonjour à tous,

je débute en JavaScript, ne m'en voulez pas trop si ma question est bête

Je voudrais afficher différentes listes déroulantes en fonction du bouton radio qui est sélectionné. J'ai réussi a faire une fonction qui fait ça, mais le problème c'est qu'au chargement de la page, toutes les listes déroulantes sont affichées... Comment faire?

Voici mon code:

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<html>
<head>
<script language="Javascript">
function GereControle(radio) {
	for (var i=0; i<radio.length;i++) {
		l = "liste_"+i;
		var objControle = document.getElementById(l);
		if (radio[i].checked) {
			objControle.style.visibility = 'visible';
		}
		else{
			objControle.style.visibility = 'hidden';
		}
	}
}
</script>
</head>
<form>
<br /><br />
<input type="radio" id="radio_10" name="test" onClick="GereControle(this.form.test);" >&nbsp;<label for="radio_10">Active de "liste_10"</label>
<br />
<input type="radio" id="radio_20" name="test" onClick="GereControle(this.form.test); ">&nbsp;<label for="radio_20">Active liste de "liste_20"</label>
<br/>
<input type="radio" id="radio_30" name="test" onClick="GereControle(this.form.test);" >&nbsp;<label for="radio_30">Active de "liste_30"</label>
<br />
 
<select id="liste_0">
	<option value="1">Ligne 1</option>
	<option value="2">Ligne 2</option>
	<option value="3">Ligne 3</option>
</select>
<select id="liste_1">
	<option value="1">Ligne 1</option>
	<option value="2">Ligne 2</option>
	<option value="3">Ligne 3</option>
</select>
<select id="liste_2">
	<option value="1">Ligne 1</option>
	<option value="2">Ligne 2</option>
	<option value="3">Ligne 3</option>
</select>
</form>
 
</body>
</html>

Merci d'avance!

**willoi** · 15/01/2007, 12h19

Il te manque une balise <body> apres </head>

dans cette balise tu peux ecrire ce code :

Code :

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

1
2
 
<body onload="GereControle()">

A toi bien sur de mettre les parametres qui t interessent

**ColonelHati** · 15/01/2007, 13h11

La balise <body> manquante est un oubli, je l'ai oubliée en faisant les différents copier/coller...

J'ai testé "onLoad" mais je n'arrive pas à lui passer le bon paramètre je pense.
Voici mes différents essais:

Code :

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

1
2
3
4
 
<body onLoad="GereControle(form.test)">
<body onLoad="GereControle(test)">
<body onLoad="GereControle(this.form.test)">

mais aucun ne fonctionne...

**ColonelHati** · 15/01/2007, 13h13

Ca y est j'ai trouvé, j'ai donné un id a mon formulaire et je l'ai appelé dans le onLoad:

Code :

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

1
2
3
4
5
6
7
8
 
<body onLoad="GereControle(formulaire1.test)">
 
<form id="formulaire1">
<input type="radio" id="radio_10" name="test" onClick="GereControle(this.form.test);" >&nbsp;<label for="radio_10">Active de "liste_10"</label>
<input type="radio" id="radio_20" name="test" onClick="GereControle(this.form.test); ">&nbsp;<label for="radio_20">Active liste de "liste_20"</label>
<input type="radio" id="radio_30" name="test" onClick="GereControle(this.form.test);" >&nbsp;<label for="radio_30">Active de "liste_30"</label>
...

Merci!

**willoi** · 15/01/2007, 13h16

essaye avec ca

Code :

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

1
2
3
 
 
onLoad="GereControle(document.getElementById('radio_10') )"

pour definir le premier de tous par defaut

**willoi** · 15/01/2007, 13h17

Ah ok t as trouve entre temps ..

**ColonelHati** · 15/01/2007, 13h33

Envoyé par willoi

essaye avec ca

Code :

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

1
2
3
 
 
onLoad="GereControle(document.getElementById('radio_10') )"

pour definir le premier de tous par defaut

Ceci ne fonctionne pas.

Par contre ceci oui:

Code :

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

<body onLoad="GereControle(document.getElementsByName('test'))">

Encore merci !

**willoi** · 15/01/2007, 13h51

Effectivement car tu effectue ton traitement sur l ensemble de tes champs radios!

A+

Cacher des champs de formulaire au chargement

JavaScript

Discussions similaires

Partager

Partager