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

jQuery Discussion :

Menu déroulant a adapter


Sujet :

jQuery

  1. #1
    Membre confirmé Avatar de Sianobel
    Femme Profil pro
    Webmaster
    Inscrit en
    Octobre 2007
    Messages
    54
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Octobre 2007
    Messages : 54
    Par défaut Menu déroulant a adapter
    Bonjour, la réponse m'est surement passé sous les yeux mais, je ne la trouve pas dans votre site. J'ai trouvé sur votre site un script de menu déroulant qui donne vraiment bien. Le problème, c'est qu'une partie de mon menu est générée dynamiquement et le script en question me masque l'entièreté du menu plutôt qu'une partie. Ne connaissant que trop peu le javascript, je ne vois pas comment la modifier pour y arriver.

    le JS
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <script type="text/javascript">
    $(document).ready(function () {
        $('li.menu_head').click(function () {
    	$('ul.menu_body').slideToggle('medium');
        });
    });
    </script>
    La partie du menu
    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
     
    <?php
                                    $menu_jdr=mysql_query("SELECT * FROM categorie_jdr ORDER BY nom");
                                    while($message = mysql_fetch_assoc($menu_jdr)) {
                                    echo "
                                    <li class='menu_head'>$message[nom]</li>
                                            <ul class='menu_body' id='$message[id]'>";
                                            
                                                    $vrace=mysql_num_rows(MYSQL_QUERY("select id from race where id_jdr=$message[id]"));
                                                    $vclasse=mysql_num_rows(MYSQL_QUERY("select id from classe where id_jdr=$message[id]"));
                                                    $vprof=mysql_num_rows(MYSQL_QUERY("select id from profession where id_jdr=$message[id]"));
                                                    $vmag=mysql_num_rows(MYSQL_QUERY("select id from sort where id_jdr=$message[id]"));
                                                    $vmonstre=mysql_num_rows(MYSQL_QUERY("select id from monstre where id_jdr=$message[id]"));
                                                    
                                                    if ($vrace==0) { echo"<li><a href='race.php?jdr=$message[id]'>Race</a></li>"; }
                                                    if ($vclasse==0) { echo"<li><a href='classe.php?jdr=$message[id]'>Classe</a></li>"; }
                                                    if ($vprof==0) { echo"<li><a href='profession.php?jdr=$message[id]'>Profession</a></li>"; }
                                                    if ($vmag==0) { echo"<li><a href='magie.php?jdr=$message[id]'>Magie</a></li>"; }
                                                    if ($vmonstre==0) { echo"<li><a href='monstre.php?jdr=$message[id]'>Monstre</a></li>"; }
                                                    
                                    echo "</ul>";
                                    }
                                    ?>
    Les valeurs du menu sont volontairement sur zéro pour le faire apparaitre. Si quelqu'un pouvait m'expliquer ou me donner un tuto pour rendre ce petit code dynamique, ça m'aiderais beaucoup car là, je ne vois pas.

    Bien à vous.

  2. #2
    Membre émérite Avatar de micetf
    Homme Profil pro
    Professeur des Ecoles
    Inscrit en
    Mai 2009
    Messages
    557
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ardèche (Rhône Alpes)

    Informations professionnelles :
    Activité : Professeur des Ecoles
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2009
    Messages : 557
    Par défaut
    Il y a ce tuto peut-être.
    Fred

  3. #3
    Membre confirmé Avatar de Sianobel
    Femme Profil pro
    Webmaster
    Inscrit en
    Octobre 2007
    Messages
    54
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Octobre 2007
    Messages : 54
    Par défaut
    Je vais mettre la question sur résolu car j'ai trouvé un autre tuto sur le net qui est exactement ce que je souhaite.

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

Discussions similaires

  1. Menu déroulant à largeur adaptable
    Par Msieurduss dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 19/05/2009, 16h18
  2. Adapter un menu déroulant vers un cadre cible
    Par reilo dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 07/02/2009, 17h21
  3. Adaptation d'un menu déroulant aux différentes résolutions
    Par pulsefight dans le forum Dreamweaver
    Réponses: 0
    Dernier message: 15/10/2008, 17h56
  4. Menu déroulant adapté
    Par souminet dans le forum Composants VCL
    Réponses: 0
    Dernier message: 17/03/2008, 09h24
  5. Problème pour adapter un menu déroulant horizontal
    Par dragoeco dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 25/01/2008, 21h36

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