Champ caché sous condition PHP/CSS/Javascript
Bonsoir a tous,
Novice en la matière, je développe une appli pour le boulot sur la gestion de projet lié à mon activité.
Sur le formulaire pour consulter un projet EN COURS, j'aimerais faire apparaitre automatiquement un champ DATE (DATE_CLOS), lorsque l'ÉTAT(via liste déroulante) du dossier en question passe en statut FINALISÉ. La champ DATE servant a avoir la date de clôture du projet.
J’espère que jusqu'ici, vous me suivez :D
Voici le code PHP:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| div class="cadre" style="height: 55px;">
<div class="float">
<span class="form2">Etat :</span>
<select name="ETAT" style="width: 160px" onChange="derive(this)">
<option value=""></option>
<option value="EN COURS">EN COURS</option>
<option value="FINALISE">FINALISE</option>
<option value="STAND BY">STAND BY</option>
<option value="REPRISE">REPRISE</option>
</select>
</div>
<div class="float">
<p id="champ_cache" style="display: none">
Cloturé le :
<input maxlength="10" size="10"name="DATE_CLOS" style="margin-left : 27px ; width:70px" value="<?php echo date("Y-m-d");?>"></p>
</div> |
Et le script Javascript :
Code:
1 2 3 4 5 6 7 8
| function derive(objSelectSrc){
if((objSelectSrc.options[objSelectSrc.selectedIndex].value =="FINALISE"){
document.getElementById("champ_cache").style.display = "block";
}
else{
document.getElementById("champ_cache").style.display = "none";
}
} |
Avec ce code, ça fonctionne ! L'affichage DATE DE CLÔTURE du projet apparait bien quand le champ ÉTAT du dossier est sur FINALISÉ.
Le problème est que, quand on consulte le formulaire du dossier qui a été FINALISÉ, le CHAMP DATE est masqué a cause de la fonction style="display: none. :calim2:
J'aimerais que ce champ soit toujours visible lorsque le projet est FINALISÉ.
Avez-vous une solution à ce problème? Je suis preneur ! :mouarf:
Merci d'avance pour votre aide :zoubi:
Peace!