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 :

[DOM] Menu déroulant DIV


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    120
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2005
    Messages : 120
    Points : 58
    Points
    58
    Par défaut [DOM] Menu déroulant DIV
    Bonjour,
    Je cherche à faire un menu du genre de celui qu'on retrouve sur cette page en cliquant sur "Recherche" ou sur "Liens rapides"...
    Comment faire? merci pour votre aide...

  2. #2
    Membre averti Avatar de Kennel sébastien
    Homme Profil pro
    Développeur
    Inscrit en
    Septembre 2008
    Messages
    226
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Septembre 2008
    Messages : 226
    Points : 329
    Points
    329
    Par défaut
    Salut,
    Avec la méthode addEventListener et le type click pour firefox et compagnie, avec attachEvent et le type onClick pour IE. Il te suffit de le rendre visible quand l'utilisateur clique la première fois et invisble quand il clique une seconde fois.

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    120
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2005
    Messages : 120
    Points : 58
    Points
    58
    Par défaut
    Celà m'en dis déjà bcp plus...
    Est-ce que tu pourrais me faire un petit exemple ?
    L'animation comme on retrouve ici n'est absolument pas nécessaire.
    Merci à toi.

  4. #4
    Membre averti Avatar de Kennel sébastien
    Homme Profil pro
    Développeur
    Inscrit en
    Septembre 2008
    Messages
    226
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Septembre 2008
    Messages : 226
    Points : 329
    Points
    329
    Par défaut
    La bascule, pourrai ressembler à ceci (non testé):

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
     
    function evenements(fonction, chemin, type)
    {
        try {
            chemin.addEventListener(type, fonction, false);
        } catch (e) {
            chemin.attachEvent('on' + type, fonction);
        }
    }
     
    function menuVisible(id)
    {
        id = document.getElementById(id);
     
        var eveClique = function(e) {
            visible = document.getElementById('menu').style.visibility
            visible = visible === "visible" ? "hidden" : "visible";
        };
     
        evenements(eveClique, id, 'click');
    }
     
    evenements(function() {
        menuVisible('id');
    }, window, 'load');
    Tu peux faire le reste en HTML et CSS ou alors tu le crées avec le DOM du côté de JavaScript.

Discussions similaires

  1. Réponses: 1
    Dernier message: 26/09/2008, 17h38
  2. [DOM] Recherche tutoriel menu déroulant
    Par SirDarken dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 04/07/2008, 17h31
  3. [DOM] Menu déroulant et DOM. Afficher les sous-menus cachés
    Par glenouve dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 14/11/2007, 11h42
  4. Réponses: 3
    Dernier message: 21/11/2006, 02h43
  5. Problème menu déroulant / div
    Par cell dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 28/07/2006, 16h34

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