Bonjour,
Je souhaite faire un menu deroulant et en fonction de ce que l'on selectionne, cela affiche un calque (div).
Voila mon bout de code qui marche presque mis à part que si l'on selectionne une premiere fois un champ, cela affiche un div et si ensuite, on selectionne un autre champ, le 2eme div s'affiche alors que je souhaiterais qu'un seul calque s'affiche à la fois.
PS : je pense que le code peut etre epuree.
<style type="text/css">
<!--
.divhidden{
display:none;
}
-->
</style>
<head>
<script language="JavaScript">
<!-- Fonction clicmenu
var valeurchamp ;
function clicmenu(){
if (document.monformulaire.selectups.value == "champ1")
valeurchamp = 'champ1';
else if (document.monformulaire.selectups.value == "champ2")
valeurchamp = 'champ2';
if (document.all)
document.all(valeurchamp).style.display = 'block';
else
document.getElementById(valeurchamp).style.display = 'block';
}
function look(){
if (document.all)
document.all(valeurchamp).style.display = 'none';
else
{document.getElementById(valeurchamp).style.display = 'none';}
document.monformulaire.selectups.disabled='';
}
//-->
</script>
</head>
<form name="monformulaire" method="post" action="">
<select name="selectups" class="formulaire" id="select5" onChange="clicmenu();">
<option>Champs</option>
<option>___________________________________</option>
<option value="champ1">Champ 1</option>
<option value="champ2">Champ 2</option>
</select>
</form>
<!--- Champ 1--->
<br>
<div id="champ1" class="divhidden">
Champ 1<br>
</div>
<!--- Champ 2--->
<br>
<div id="champ2" class="divhidden">
Champ 2<br>
</div>