IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Plusieurs menus liés


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    24
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 24
    Par défaut Plusieurs menus liés
    Bonjour,

    Avant de commencer, je dois préciser que je me suis livré à une brève recherche, mais que, comme j'ai quelques difficultés à trouver les termes adéquats sur ce que cherche, je n'ai rien trouvé de probant.
    Aussi, veuillez m'excuser si le sujet a déjà été traité.

    Donc, je dois mettre en place en HTML un menu de sélection un peu complexe, et je ne sais pas du tout comment faire.
    Je m'explique.

    Un premier menu déroulant doit contenir des élements (normal) comme par exemple :

    -> Informatique
    -> Agriculture
    -> Sports

    Une fois la première sélection effectuée, un second menu déroulant, présent en dessous, doit contenir des éléments en rapport avec le premier thème choisi, comme par exemple, si Informatique est le premier choix :

    -> Programmation
    -> Jeux-vidéo
    -> GNU/Linux

    Ces deux menus déroulant sont de ce type :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
           <select name="name" size="1" class="form_liste" id="id">
             <option>Agriculture</option>
             <option>Informatique</option>
           </select>
    Une fois la seconde sélection effectuée, une liste simple doit apparaître, contenant des éléments en rapport avec le second thème choisi.
    Si programmation est sélectionné :

    -> C
    -> Python
    -> XHTML
    -> Haskell...

    Voilà, je ne sais absolument pas comment réaliser ceci.
    Une base de données est-elle à votre avis nécessaire ?

    Je suis un peu paumé :/
    Aussi, merci d'avance de votre aide !

    Cordialement,
    Nuclear

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France, Marne (Champagne Ardenne)

    Informations forums :
    Inscription : Janvier 2009
    Messages : 60
    Par défaut
    pas necessairement besoin d'une base de données.

    une solution peut être:
    tous les menus sont ecris dans la page avec chacun un ID unique.
    Seul le 1er est affiché, les autres sont masqués grâce à CSS (display:none).
    sur chaque menu, il y a un observateur d'évènement JavaScript "onchange".
    lorsque le choix d'un menu change, onchange appelle une fonction qui va masquer tous les menus, et afficher celui qui est demandé... voilà en gros!

    sinon, reste la solution AJAX, le 1er menu appelle une fonction qui va chercher le contenu du 2eme etc... seul le 1er menu est présent dans la page au début.

    essaye une recherche avec "menus déroulants liés", tu trouvera peut etre un peu de code.

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    24
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 24
    Par défaut
    Veuillez m'excuser de ne pas avoir vous avoir répondu plus tôt, je dois avouer qu'une fois la solution acquise, j'ai tout simplement zappé de venir vous remercier de vos rapides réponses
    En effet, j'ai testé la solution en AJAX qui fonctionne parfaitement.

    J'ai un autre souci, mais je ne sais pas si je dois créer un nouveau topic ou non, je laisse le soin aux modérateurs de faire le nécessaire...

    Donc, je voudrais que lorsque l'on clique sur l'un des éléments d'une liste, une photo et un texte s'affichent.

    J'avais à peu près réussi à l'aide de Spry de Dreamweaver, mais il n'est pas possible d'afficher un texte ET une photo en même temps...
    La solution était à base d'un fichier XML, bien pratique.
    Mais malheureusement, je dois la laisser car trop peu puissante :/
    Connaissez-vous d'autres scripts qui puissent faire cela ?

    Là encore, j'ai des difficultés à expliquer, parce que je ne connais pas les termes exacts de ce que je recherche...

    Cordialement,
    Nuclear

Discussions similaires

  1. [MySQL] Plusieurs menus deroulants
    Par Rodinrott dans le forum PHP & Base de données
    Réponses: 4
    Dernier message: 27/05/2009, 01h10
  2. [MySQL] plusieurs menus déroulants dans une meme page web?
    Par tardis dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 11/01/2008, 09h58
  3. [HF] Manipuler plusieurs fichiers liés
    Par lemerite dans le forum WinDev
    Réponses: 5
    Dernier message: 21/11/2007, 15h26
  4. Réponses: 3
    Dernier message: 14/01/2007, 19h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo