Affichage d'options supplémentaires

**popy67** · 09/03/2008, 18h03

Bonjour,

Pourquoi avec mon code j'obtiens toujours une erreur ??!

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
<style type="text/css">
#masque
	{
	visibility : hidden;
	}
</style>
 
<script type="text/css">
function verifier()
	{
	var masque = document.getElementById("masque");
 
 
	if(document.forms[0].liste_supp.visible.checked == true)
		{
		masque.style.visibility = "visible";
		}
 
	}
</script>
 
</head>
<body>
 
<form name="mon_formulaire">
<input type="radio" name="liste_supp" value="visible" onclick="verifier()"> Afficher<br />
<input type="radio" name="liste_supp" value="hidden" onclick="verifier()"/> Masquer
</form>
 
<div id="masque">
Ceci peut être affiché ou masqué 
</div>

**Cornholio** · 09/03/2008, 19h36

Bonsoir,

En effet il y avait quelques petits problèmes, dans ton cas pas besoin de se compliquer avec des If ou des Checked.

Regardes ce que je te propose :

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
<style type="text/css">
#masque
{
	visibility:hidden;
}
</style>
 
<script type="text/javascript"> // "text/javascript" et non pas "text/css"
function verifier(laValeurDeTonRadio) {
	var masque = document.getElementById("masque");
 
	masque.style.visibility = laValeurDeTonRadio;
}
</script>
 
</head>
<body>
 
 
 
<form name="mon_formulaire">
<input type="radio" name="liste_supp" value="visible" onclick="verifier(this.value)"> Afficher<br />
<input type="radio" name="liste_supp" value="hidden" onclick="verifier(this.value)"/> Masquer
</form>
 
<div id="masque">
Ceci peut être affiché ou masqué 
</div>

**popy67** · 09/03/2008, 20h04

C'était dans le but de faire comme tu me l'as montré que j'avais donné la valeur visible et hidden aux attributs

Merci
Quand au text/css au lieu de text/javascript c'est une étourderie certes mais bon... grâce à ca le script ne fonctionne pas... merci

J'ai reproduit ce que tu m'as montré sur un autre formulaire et la bizarrement seul le premier element se cache et non les suivants pourquoi ?

voila 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
47
48
49
50
#masquer
	{
	display:none;
	}
</style>
 
<script type="text/javascript">
function affichage(valeur)
	{
	var masque = document.getElementById("masque");
	masque.style.display = valeur;
	}
</script>
 
</head>
<body>
 
<div class="central">
 
 
<fieldset><legend>Recherche</legend>
	<form action="" method="post" enctype="" id="mon_formulaire">
	<table>
 
	<tr>
	<td><label>Chercher</td>
	<td> : <input type="text" name="" /></td>
	</tr>
 
	<tr>
	<td><label>Options complémentaires</td>
	<td> <input type="radio" value="block" onclick="affichage(this.value)" />Afficher <input type="radio" value="none" checked="checked" onclick="affichage(this.value)"/>Masquer</td>
	</tr>
 
	<!-- Début masque par défaut -->
		<tr id="masque">
		<td><label>auteur</td>
		<td> : <input type="text" name="" /></td>
		</tr>
 
		<tr id="masque">
		<td><label>Siècle</td>
		<td>: <input type="text" name="" /></td>
		</tr>
 
		<tr id="masque">
		<td><label>ordre :</td>
		<td>: <input type="radio" name="ordre" value="asc" />Croissant <input type="radio" name="ordre" value="desc" />Décroissant </td>
		</tr>
	<!-- Fin masqué par défaut -->

**Cornholio** · 09/03/2008, 20h08

Un ID unique par page !

Tu ne peux pas faire

Code :

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

1
2
3
4
5
6
<div id="masque">
..
</div>
<div id="masque">
..
</div>

Soit tu leur donne différents noms ou tu les regroupes tous dans une autre Div.

**popy67** · 09/03/2008, 20h21

ok ok ok merci beaucoup pour ton aide

Affichage d'options supplémentaires

JavaScript

Vue hybride

Discussions similaires

Partager

Partager