Discussion :

[rvm31]

Bonjour

Mes connaissances en JS sont très minimes pour ne pas dire nulle.
j'ai un script qui me permet d'afficher un champ caché qui est activé suivant la valeur d'une liste <select>.
ça fonctionne très bien.
Mais, je voudrais maintenant quand je reviens sur ce formulaire afficher le champ caché si la valeur d'une variable php est égale au champ select qui permet d'afficher.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function valeur(test1){
	i = document.getElementById("rechdate").options.length;
 
	if (test1=='2'){
 
		document.getElementById('debut').style.visibility="visible";
                document.getElementById('datefin').style.visibility="visible";
	}
 
	if (test1 != "2") document.getElementById("autre").options.length = i;
}
</script>

quand ma variable php est égale à 2 je veux afficher le datefin

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
 
 <td valign='top'>Date<font style='visibility: hidden' id='debut'>&nbsp;de d&eacute;but:</font><br>
 
             <input type='text'  name='jour' class='champjour'value="<?php echo$jour ?>">-
                 <input type='text'  name='mois' class='champjour'value="<?php echo$mois ?>">-
                     <input type='text'  name='an' class='champan'value="<?php echo$an ?>">
             <select name='rechdate'div class='champselect' id="rechdate" onChange='valeur(this.value)'>
                 <option value='0' <?PHP IF($typerechdate==0)  echo 'selected'; ?> > date sans importance</option>
            <option value='1' <?PHP IF($typerechdate==1)  echo 'selected'; ?> >recherche sur une date</option>
            <option value='2' <?PHP IF($typerechdate==2)  echo 'selected'; ?>>recherche entre 2 dates</option></td>
 <!--champ caché pour date de fin-->
   <td valign='top'><font style='visibility: hidden'id='datefin'>Date de fin:<br>
               <input name='newj2' class='champjour' id='newc1'value="JJ"></input>-
                   <input name='newm2' class='champjour' id='newc2'value="MM"></input>-
                   <input name='newa2' class='champan' id='newc3' value="AAAA"></input>
       </font><br />

[MrPringle]

A ta ligne 12 dans le deuxième bloc de code, remplace par:

Code :

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

   <td valign='top'><font style='visibility: <?php echo $typerechdate != 2 ? 'hidden' : 'visible'; ?>' id='datefin'>Date de fin:<br>

Ce code affichera "visibility: hidden" si $typerechdate est différent de 2 et "visibility: visible" dans le cas contraire.

[rvm31]

merci Mr Pringle
ça fonctionne mais maintenant j'ai un autre problème je souhaiterai lorsque l'utilisateur modifie le choix du select effacer ce champ visible.
Au cas ou la valeur de l'option soit différente de 2 suite au changement dans le select on ne tient plus compte de la variable PHP.
Basiquement j'ai essayé ça

Code :

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

1
2
3
4
5
6
7
<td valign='top'><font style='visibility: <?php echo $typerechdate != 2 ? 'hidden' : 'visible'; ?>' id='datefin'>
           <font style='visibility: hidden'id='datefin'>
           Date de fin:<br>
               <input name='newj2' class='champjour' id='newc1'value="<?php echo $jour1 ?>"></input>-
                   <input name='newm2' class='champjour' id='newc2'value="<?php echo $mois1 ?>"></input>-
                   <input name='newa2' class='champan' id='newc3' value="<?php echo $an1 ?>"></input>
       </font><br />

Mais ça ne fonctionne pas

[devyan]

Bonjour,

J'ai envie de répondre normal, tu n'as pas mis de javascript ...

Il faut mettre sur l'évènement "onchange" de ton SELECT le contrôle de la valeur et suivant cette valeur changer visibility hidden/visible de ton élément id="datefin".

devyan