Probleme valeur de parametre dans une fonction

**TitouLolo** · 19/05/2005, 13h23

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 :

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
/*******************************************************************/
/* 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 :

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

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 :

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
 
<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

**fred777888999** · 19/05/2005, 14h04

Appelle ta fonction comme suit (attention aux '):

Code :

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

1
2
 
onClick="rendreVisible('checkvalidate','assy');"

et modifie ton source :

Code :

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

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 :

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

1
2
 
onClick="rendreVisible(this)"

et faire

Code :

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

1
2
 
if(this.checked)

Au choix...

**Kerod** · 19/05/2005, 14h15

Tu peux aussi faire ainsi :

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
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>

**TitouLolo** · 19/05/2005, 14h56

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

@bientot

Titou

Probleme valeur de parametre dans une fonction

JavaScript

Discussions similaires

Partager

Partager