Menu deroulant HTML
exo
-
exo -
exo -
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 !!
A voir également:
- Menu deroulant HTML
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Editeur html - Télécharger - HTML
- Supprimer menu déroulant excel - Forum Excel
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 !
Bon tuto pour ce que tu veux faire à mon avis !
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>
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>
bon tuto effectivement ;)..
Merci
a+