afficher des champs d'un formulaire en selectionnant une case à cocher

Version imprimable

25/05/2007, 14h04
bozykely3

afficher des champs d'un formulaire en selectionnant une case à cocher

Je cherche un script qui me permettra d'afficher des champs en fonction de la case à cocher selectionnée.
Merci:cry:

Bonjour,
ce style ?

Head :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script language="Javascript">
// ==================
//	Activations - Désactivations
// ==================
// Script de EM - 2005
function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
	if (Masquer=='1')
		objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
	else
		objControle.disabled=(objControleur.checked==true)?false:true;
	return true;
}
</script>

Body :

Code:

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
Exemples de désactivations :<br /><br />
<input type="checkbox" id="chkb_1" onClick="GereControle('chkb_1', 'texte_1', '0');" CHECKED>&nbsp;<label for="chkb_1">Contrôle de "texte_1"</label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" id="texte_1" value="Contenu de texte_1">
 
<br /><br />
<input type="radio" id="radio_1" name="radios" onClick="GereControle('radio_1', 'liste_1', '0');" CHECKED>&nbsp;<label for="radio_1">Active de "liste_1"</label>
<br />
<input type="radio" id="radio_2" name="radios" onClick="GereControle('radio_1', 'liste_1', '0');">&nbsp;<label for="radio_2">Désactive de "liste_1"</label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select id="liste_1">
	<option value="1">Ligne 1</option>
	<option value="2">Ligne 2</option>
	<option value="3">Ligne 3</option>
</select>
 
<br /><br /><br /><br />
Exemples de masquage :<br /><br />
 
<input type="checkbox" id="chkb_10" onClick="GereControle('chkb_10', 'texte_10', '1');" CHECKED>&nbsp;<label for="chkb_10">Contrôle de "texte_10"</label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" id="texte_10" value="Contenu de texte_10">
 
<br /><br />
<input type="radio" id="radio_10" name="radios_0" onClick="GereControle('radio_10', 'liste_10', '1');" CHECKED>&nbsp;<label for="radio_10">Active de "liste_10"</label>
<br />
<input type="radio" id="radio_20" name="radios_0" onClick="GereControle('radio_10', 'liste_10', '1');">&nbsp;<label for="radio_20">Désactive de "liste_10"</label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select id="liste_10">
	<option value="1">Ligne 1</option>
	<option value="2">Ligne 2</option>
	<option value="3">Ligne 3</option>
</select>

A+

25/05/2007, 16h30
bozykely3

Merci

Citation:

Envoyé par bozykely3

Je cherche un script qui me permettra d'afficher des champs en fonction de la case à cocher selectionnée.
Merci:cry:

J'ai testé votre code et ça marche mais ce que je voudrai c'est mettre ne place un formulaire dynamique qui va etre construit en fonction des checkbox selectionnés.
J'ai déja élaborer un code où on masque les champs mais ça fait un trou dans le formulaire.
Merci encore
25/05/2007, 16h34
E.Bzz

Citation:

Envoyé par bozykely3

J'ai déja élaborer un code où on masque les champs mais ça fait un trou dans le formulaire.

Il faut utiliser display:none/block
au lieu de
visibility:hidden/visible

A+
06/06/2007, 09h13
bozykely3

Citation:

Envoyé par E.Bzz

Il faut utiliser display:none/block
au lieu de
visibility:hidden/visible

A+

J'ai nouveau probleme c'est que j'ai besoin de mettre ma page asp dans un FORM et une fois que c'est fait la fonction ne marche plus.
Comment je dois faire???? J'ai essayé de bidouiller un peu mais ça ne marche pas.

Merci
06/06/2007, 09h33
E.Bzz

Citation:

Envoyé par bozykely3

J'ai nouveau probleme c'est que j'ai besoin de mettre ma page asp dans un FORM et une fois que c'est fait la fonction ne marche plus.
Comment je dois faire???? J'ai essayé de bidouiller un peu mais ça ne marche pas.

2 choses :
1) on ne met pas "une page ASP dans un <form>" ! Par contre, une page ASP peut générer un form ==> explique exactement ce que tu veux faire, et donne ton code existant :mrgreen:
2) cette question n'a rien à voir avec la prédédente ==> il faudrait créer un nouveau sujet ;)

A+