Afficher calque depuis menu deroulant

hendyuno Messages postés 1 Date d'inscription mercredi 6 août 2003 Statut Membre Dernière intervention 8 juin 2006 - 8 juin 2006 à 10:53
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 - 16 juin 2006 à 16:50
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--->

Champ 1

<!--- Champ 2--->

Champ 2

1 réponse

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
16 juin 2006 à 16:50
B
onjour



Avant d'afficher un
efface les tous






document.getElementById('champ1').style.display = 'none';
document.getElementById('champ2').style.display = 'none';

puis tu affiches le bon...







;0))
0
Rejoignez-nous