Menu deroulant HTML

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 !!
Configuration: Windows XP
Firefox 3.0.3

3 réponses

  1. pyschopathe Messages postés 2053 Statut Membre 137
     
    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
    1. exo
       
      Je vais m'en inspirer, je verrai bien si j'y arrive.
      bon tuto effectivement ;)..
      Merci
      a+
      0
  2. pyschopathe Messages postés 2053 Statut Membre 137
     
    De rien, ce site est une mine d'or pour tous les designers web !
    0
  3. exo
     
    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