Probleme valeur de parametre dans une fonction

Version imprimable

Bonjour,

je veux faire une fonction générique me permettant de cacher une partie d'un formulaire (une div) dans la page et de l'afficher lorsqu'on clique sur un checkbox particulier.

Voici la fonction que j'ai ecrite:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 /*******************************************************************/ /* Fonction permettant de rendre visible un element de formulaire */ /*******************************************************************/ function rendreVisible(formulaire,declencheur) { var rep = document.getElementById("reponseVisible"); if (document.formulaire.declencheur.checked == true) { if (rep.style.visibility == "hidden") rep.style.visibility = "visible"; } else { rep.style.visibility = "hidden"; } }
le probleme est à la ligne:

Code:

document.formulaire.declencheur.checked

car il interprete formulaire comme le nom du formulaire ainsi que declencheur comme le nom de l'element... Or je voudrais récupérer les valeurs de mes parametres

Voici comment j'appelle ma fonction:
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 <form name="checkvalidate" action="monsite/servlet/tech/formCreatRef/" method="post"> <table> <tr> <td align="right"><label>Assy</label></td> <td>:</td> <td><input type="checkbox" name="assy" value="false" onClick="rendreVisible(checkvalidate,assy);"></td> </tr> </table> // invisible tant que assy n'est pas coche <div id="reponseVisible" style="visibility: hidden"> <table border="0" cellpadding="0" cellspacing="5"> <tr> <td align="right"><label>Numero assy</label></td> <td>:</td> <td><input type="text" name="refassy" value=""></td> </tr> <tr> <td align="right"><label>debite une 200</label></td> <td>:</td> <td colspan="4"><input type="checkbox" name="deb200" value="false"></td> </tr> </table> </div>
Si quelqu'un peut m'aider ce serait super sympa parce que je galere depuis un bon gros bour de temps...

Merci

Titou

19/05/2005, 13h04
fred777888999
Appelle ta fonction comme suit (attention aux '):
Code:

1 2 onClick="rendreVisible('checkvalidate','assy');"
et modifie ton source :
Code:

1 2 3 eval("result=document." + formulaire+"."+declencheur+".checked"); if ( result)
à la place de ton if et ca devrait mieux se passer...

tu pourrai egalement passer le champ dans ton appel :
Code:

1 2 onClick="rendreVisible(this)"
et faire
Code:

1 2 if(this.checked)
Au choix...

Tu peux aussi faire ainsi :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<script type="text/javascript" language="javascript">
/*******************************************************************/ 
/* Fonction permettant de rendre visible un element de formulaire  */ 
/*******************************************************************/ 
function rendreVisible(declencheur) 
{ 
   var rep = document.getElementById("reponseVisible"); 
   if (document.getElementById(declencheur).checked == true) 
   { 
 
	  if (rep.style.visibility == "hidden") 
             rep.style.visibility = "visible"; 
   } 
   else 
     { 
          rep.style.visibility = "hidden"; 
     } 
 
}
</script>
 
</head>
 
<body>
<form name="checkvalidate" action="monsite/servlet/tech/formCreatRef/" method="post"> 
<table> 
<tr> 
<td align="right"><label>Assy</label></td> 
<td>:</td> 
<td><input type="checkbox" id="assy" value="false" onClick="rendreVisible('assy');"></td> 
</tr> 
</table> 
 
// invisible tant que assy n'est pas coche 
<div id="reponseVisible" style="visibility: hidden"> 
<table border="0" cellpadding="0" cellspacing="5"> 
<tr> 
<td align="right"><label>Numero assy</label></td> 
<td>:</td> 
<td><input type="text" name="refassy" value=""></td> 
</tr> 
<tr> 
<td align="right"><label>debite une 200</label></td> 
<td>:</td> 
<td  colspan="4"><input type="checkbox" name="deb200" value="false"></td> 
</tr> 
</table> 
</div> 
</form>
</body>

19/05/2005, 13h56
TitouLolo

Merci beaucoup pour vos réponses, ca fonctionne tres bien ;)

@bientot

Titou