par
Hermès » 06 mars 2006, 11:03
mon conseil :
entre les balises <HEAD> et </HEAD> tu met ceci :
<STYLE>
div.formulaire {
display:none;
}
</STYLE>
<script language="javascript">
function display(calque) {
document.getElementById(calque).style.display=document.getElementById(calque).style.display=="block"?"none":"block";
}
</script>
La première partie va faire en sorte que les div de classe formulaire n'apparaissent pas, par défaut.
La seconde partie sera une méthode qui fera en sorte de faire basculer le mode affiché/non-affiché.
Ensuite il te faut une balise comme ceci :
echo " <A href=\"javascript:display('monFormulaire');\">Escale ?</A>";
echo " <DIV class='formulaire' id='monFormulaire'>Bla bla, code du formulaire</DIV>";
Autrement dit, par défaut, tout les div de classe "formulaire" ne sont pas affichés.
Quand tu click sur Escale, ça appelle la fonction display qui change l'attribut display de l'objet ayant pour ID "monFormulaire", donc qui l'affiche ou l'efface.
L'objet ayant pour ID "monFormulaire" étant un objet div de classe "formulaire".