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

Mise en page CSS Discussion :

Comment changer un élément de menu dynamiquement


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Août 2009
    Messages
    131
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Août 2009
    Messages : 131
    Par défaut Comment changer un élément de menu dynamiquement
    Bonjour à tous et Joyeux Noel à Tous,


    Bon j'ai un petit souci en HTML avec du CSS sur un menu dont j'ai récupéré le code sur Internet.
    Vous trouverez en pièce jointe une image pour illustrer mon propos.
    Mon menu va être stocké dans mon fichier Index. Les différents items de ce menu chargent les pages correspondantes dans un div 'content'. graçe à de l'Ajax.

    Voici ma question de pur débutant : comment faire par conséquent pour que mon menu montre bien au visiteur le dernier menu ainsi que le sous menu cliqué.
    Dans l'image on voit bien que par défaut je suis dans le 3ème menu et que le sous menu actif est le sous menu cliqué.
    J'ai repéré le <ul class="current">, <div class="select_sub show"> ainsi que le <li class="sub_show"> mais après je suis perdu.

    J'ai mis mon code HTML pour vous aider à m'expliquer comment faire.

    Je ne vois pas comment modifier mon code dynamiquement puisque cette partie n'est pas censé "bouger".

    Merci à vous et encore de joyeuses fêtes !!!


    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
    26
    27
    28
    29
    30
    31
     
     
    <ul class="select">
             <li><a href="#nogo"><b>MENU 2</b><!--[if IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    <div class="select_sub">
    <ul class="sub">
    <li><a href="#nogo">Sous Menu 11</a></li>
    <li><a href="#nogo">Sous Menu 22</a></li>
    <li><a href="#nogo">Sous Menu 33</a></li>
    </ul>
    </div>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    </ul>
    <div class="nav-divider">&nbsp;</div>
     
    <ul class="current">
    <li><a href="#nogo"><b>MENU 2</b><!--[if IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
    <div class="select_sub show">
    <ul class="sub">
    <li><a href="#nogo">Sous Menu 1</a></li>
    <li class="sub_show"><a href="#nogo">Sous Menu 2 cliqué</a></li>
    <li><a href="#nogo">Sous Menu 3</a></li>
    </ul>
    </div>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    </ul>
     <div class="nav-divider">&nbsp;</div>

  2. #2
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    Bonjour et joyeux noel à toi.

    As tu le css associé?

    merci

  3. #3
    Membre confirmé
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Août 2009
    Messages
    131
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Août 2009
    Messages : 131
    Par défaut
    Citation Envoyé par ornitho13 Voir le message
    Bonjour et joyeux noel à toi.

    As tu le css associé?

    merci
    Oui mais il est assez conséquent comme tout CSS de site récupére !!!
    Tu le veux quand même ???
    Merci à toi

  4. #4
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    met un lien vers l'endroit ou je pourrais le récupérer

  5. #5
    Membre confirmé
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Août 2009
    Messages
    131
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Août 2009
    Messages : 131
    Par défaut
    Citation Envoyé par ornitho13 Voir le message
    met un lien vers l'endroit ou je pourrais le récupérer
    Ben voila je t'ai joins le fichier CSS
    As tu besoin aussi de mon fichier index.php ? Je te l'ai mis au cas où !
    Merci de ton aide en tout cas, c'est vachement sympa, de plus un 26 décembre !!!

  6. #6
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    J'ai utilisé tes fichiers mais je n'ai pas de rendu, à cause surement des fichiers JS que je n'ai pas. Aurais tu moyen de publier ton site sur un serveur auquel j'aurais accès afin de voir le problème.

    merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Comment changer un scroller de texte dynamique AS2 en AS3 ?
    Par confetti dans le forum ActionScript 3
    Réponses: 0
    Dernier message: 18/07/2010, 15h55
  2. Réponses: 15
    Dernier message: 08/10/2008, 00h04
  3. Comment changer la clour de fond d'un menu list
    Par pierrot10 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 26/09/2005, 16h39
  4. Comment changer dynamiquement la valeur d'une option de DbGrid ?
    Par Atrebate62 dans le forum Composants VCL
    Réponses: 4
    Dernier message: 17/03/2005, 13h35
  5. Réponses: 6
    Dernier message: 20/10/2004, 11h42

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