Bonjour à tous
Voilà j'ai créer une page web en Html et javascript dans laquelle j'ai placé plusieurs boîtes imbriquées le unes dans les autres
Dans une des boites j'ai créer un menu déroulant dans lequel j'ai placé comme choix toutes les pages que j'ai créer auparavant... Et en fonction de ce que l'utilisateur choisi j'aimerais afficher la page correspondante dans une autre boîte de la page...
Voici mon menu :
<div class="boite4">
<script language="Javascript" type="text/javascript" >
function choix(formulaire)
{
var j;
var i = formulaire.boite1.selectedIndex;
if (i == 0)
for(j = 1; j <5; j++)
formulaire.boite2.options[j].text="";
else{
switch (i){
case 1 : var text = new Array( "Labo1","Labo2","Labo3");
break;
case 2 : var text = new Array( "Labo4","Labo5");
break;
case 3 : var text = new Array( "Labo6","Labo7","Labo8");
break;
case 4: var text =new Array( "Labo9");
break;
case 5: var text=new Array( "Labo10","Labo11");
break;
}
for(j = 0; j<5; j++)
formulaire.boite2.options[j+1].text=text[j];
}
formulaire.boite2.selectedIndex=0;
}
</script>
</head>
<body>
<form name="formulaire">
<select name="boite1" onChange="choix(this.form)">
<option selected>...........Choisissez une rubrique...........</option>
<option>html</option>
<option>CSS</option>
<option>XML</option>
<option>XML-XSL</option>
<option>Ajax</option>
</select>
<select name="boite2">
<option selected>...........Choisissez une rubrique...........</option>
<option></option>
<option></option>
<option></option>
</form>
</select>
<br><br>HTML<br><br>
labo 1<br>
labo 2<br>
labo 3<br></p>
<br>CSS<br><br>
labo 4<br>
labo 5<br>
<br>XML<br><br>
labo 6<br>
labo 7<br>
labo 8<br>
<br>XML-XSL<br><br>
labo 9<br>
<br>AJAX<br><br>
labo 10<br>
labo 11
</div>
Comment faire pour récupérer la valeur choisie et l'afficher dans cette boîte:
<div class="boite5">
... 
</div>
Merci d'avance 