Menu deroulant HTML
Bonjour,
je souhaiterai fabriquer un menu deroulant qui, en fonction du choix donné affiche autre chose à coté ( autre menu déroulant, une zone de texte, une zone de DL de fichier ...)
ex :
Menu deroulant:
-Video
-photo
-information
-url
Si le clic est porté sur Video, on affiche une zone pour la télécharger ...
Si le clic est porté sur photo, idem
Si le clic est porté sur information, on affiche une zone de saisie de texte .... etc ...
Merci !!
je souhaiterai fabriquer un menu deroulant qui, en fonction du choix donné affiche autre chose à coté ( autre menu déroulant, une zone de texte, une zone de DL de fichier ...)
ex :
Menu deroulant:
-Video
-photo
-information
-url
Si le clic est porté sur Video, on affiche une zone pour la télécharger ...
Si le clic est porté sur photo, idem
Si le clic est porté sur information, on affiche une zone de saisie de texte .... etc ...
Merci !!
Configuration: Windows XP Firefox 3.0.3
3 réponses
-
http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal
Bon tuto pour ce que tu veux faire à mon avis ! -
De rien, ce site est une mine d'or pour tous les designers web !
-
j'ai fait a peu pret ce que je voulais, mais je connais pas le javascript !
pour le moment j'ai sa :
menu 1 menu2
info1
info2
etc ..
et les info du menu deroulant 2 s'affiche en fonction du clic dans le premier menu.
Moi je voudrai afficher des champs en fontion du premier clic (champ texte, un champ dl etc ..)
code :
-------
>>>>HEAD :
<script language="Javascript" type="text/javascript" >
function choix(formulaire)
{
var j;
var i = formulaire.boite1.selectedIndex;
if (i == 0)
for(j = 1; j <4; j++)
formulaire.boite2.options[j].text="";
else{
switch (i){
case 1 : var text = new Array("Marseille","PSG","Monaco");
break;
case 2 : var text = new Array("Toulouse","Agen","Paris");
break;
case 3 : var text = new Array("Dijon","Pau","Gravelines");
break;
case 4 : var text = new Array("Dijon","Pau","Gravelines");
break;
}
for(j = 0; j<3; j++)
formulaire.boite2.options[j+1].text=text[j];
}
formulaire.boite2.selectedIndex=0;
}
</script>
>>> BODY
<form name="formulaire">
<select name="boite1" onChange="choix(this.form)">
<option selected>...........Type d'information ?...........</option>
<option>Texte</option>
<option>Video</option>
<option>Photo</option>
<option>URL</option>
</select>
<select name="boite2">
<option selected>...........Faites un choix...........</option>
<option></option>
<option></option>
<option></option>
<option></option>
</form>
</select>
