Menu deroulant HTML

Fermé
exo - 5 oct. 2008 à 17:05
 exo - 5 oct. 2008 à 17:47
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 !!
A voir également:

3 réponses

pyschopathe Messages postés 1974 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010 135
5 oct. 2008 à 17:09
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 !
0
Je vais m'en inspirer, je verrai bien si j'y arrive.
bon tuto effectivement ;)..
Merci
a+
0
pyschopathe Messages postés 1974 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010 135
5 oct. 2008 à 17:13
De rien, ce site est une mine d'or pour tous les designers web !
0
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>
0