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 :

Menu horizontal à deux niveaux, mise en avant de "l'item courant"


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2
    Par défaut Menu horizontal à deux niveaux, mise en avant de "l'item courant"
    Bonjour à tous,

    J'ai démarré un petit site web dont la structure est très simple. Basée sur des include de fichiers php, en (très) gros :

    [header]
    [menu]
    [content]
    [footer]

    Ici c'est pour le menu que je sollicite votre aide. Je compte intégrer un menu CSS/JS très similaire à celui que l'on trouve ici dans les exemples du site.

    Concrètement, chacun des sous menu va m'envoyer sur une page avec un content différent. Et ce que je voudrais dans l'idéal c'est que le menu, lui, s'affiche déroulé et avec le sous menu "courant" différencié (en gras par exemple).

    La première question, est-ce selon vous possible ?

    Merci

  2. #2
    Membre chevronné
    Avatar de kalimukti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2011
    Messages
    262
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2011
    Messages : 262
    Par défaut
    Citation Envoyé par kallaghan Voir le message
    Bonjour à tous,


    La première question, est-ce selon vous possible ?

    Merci
    oui ... un petit jeu avec les classes css sans doute

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    495
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 495
    Par défaut
    le plus simple serait sans doute de comparer l'url de la page courante avec les liens de ton menu, et d'ajouter une class sur l’élément actif..

  4. #4
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2
    Par défaut
    Citation Envoyé par zevince Voir le message
    le plus simple serait sans doute de comparer l'url de la page courante avec les liens de ton menu, et d'ajouter une class sur l’élément actif..
    Oui ça me paraît faisable. Je vais regarder dans cette direction. Merci pour vos réponses.

Discussions similaires

  1. Css menu déroulant à deux niveaux
    Par tatutatu2009 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 25/04/2015, 18h07
  2. Menu horizontal à 3 niveaux
    Par Chedi dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 24/01/2014, 19h26
  3. [Joomla!] Menu horizontal multi-niveaux
    Par erman_yazid dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 1
    Dernier message: 05/03/2008, 15h10
  4. Faire un menu à deux niveaux en mode texte
    Par julien.63 dans le forum Langage
    Réponses: 3
    Dernier message: 25/01/2008, 14h14
  5. Menu horizontal passe sur deux lignes!
    Par pracede2005 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 11/11/2007, 21h28

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