Bonjour tout le monde,

Je veux à partir de la valeur d'une sélection afficher ou masquer un champ de saisie . Si le choix est un congé de récupération le système affiche un input pour saisir la date à récupération.

Suite à une petite recherche j'ai trouver cette fonction :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
function changementType(type) 
{
  if (type == "Recuperation") 
  {
    document.getElementById("recup").style="display:block";
  } 
  else
  {
    document.getElementById("recup").style="display:none";
  }
}
et dans mon formulaire :

Code html : 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
<td>Type de Congé</td>
	    <td> <select   id="type_conge" name="type_conge"  onchange="changementType(document.getElementById('type_conge').value);">
		<option></option>
		<option id="Congé Légal" value="Légal">Congé Légal</option>
		<option id="Congé de Maladie" value="Maladie">Congé de Maladie</option>
        	<option id="Congé Exceptionnel" value="Exceptionnel">Congé Exceptionnel</option>
		<option id="Recuperation" value="Recuperation">Congé Récupération</option>
	 </select>
	</td>
 
	<td>
<div id ="recup" style="display:none">
 
	<input type="text"   id="" class="" name="date_recup" value="" /> <a href="javascript:cal2.popup();"><img src="<?php echo $this->baseUrl; ?>/public/images/cal.gif" width="16" height="16"  border="0" alt="Cliquez ici pour obtenir la date."></a> 
</div>
<script language="JavaScript">
var cal3 = new calendar1(document.forms['index'].elements['date_recup']);
cal3.year_scroll = true;
cal3.time_comp = false;	
</script>// ce code affiche un calendredi pour saisir la date.

Mais lorsque je choisi le type Récupération rien ne se passe.

Pouvez vous m'aider afin de faire fonctionner ce code , est ce qu'il manque quelque chose ou je dois rectifier ce dernier?