Discussion :

[Tetsumaki]

Bonjour à tous, je sollicite votre aide pour un soucis je pense pas trop difficile mais qui pour mon niveau en JS est mission impossible.

Le menu en question

Mon menu est donc divisé en 4 fichiers ou vous pourrez trouver le code :
- index.html
- nimenu.css
- nimenu.js
- jquery-1.4.2.min.js

Il faut cliquer sur un élément du menu pour dérouler les sous-menus.

Le problème étant que j'aimerais qu'un menu sois automatiquement déroulé si la classe :
- <li class="current_page_item"> est trouvé.

Sur le site j'ai mis le sous-menu Test 4.3 avec cette fameuse classe.
J'aimerais donc qu'au chargement de la page Test 4 sois développé.

J'espère avoir été assez clair ne connaissant pas vraiment le langage technique.

Merci par avance pour votre aide

[Barsy]

J'ai pas regardé ton code en détail, mais puisque tu utilises du jQuery, tu pourrai rajouter dans ton jQuery().ready :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$("li.current_page_item").click()

[Tetsumaki]

Merci pour la réponse malheureusement ça ne fonctionne pas.

[Barsy]

Ca fonctionne chez moi : mais c'est parce que le "class='current_page_item'" n'est pas au bon endroit.

j'ai mis cette class sur le li de ton "Test 4" et pas sur delui de ton "Test 4.3". De plus il faut faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('li.current_page_item a').click();

J'avais oublié le "a" car je n'avais par regardé en détail.

[Tetsumaki]

En fait il est bien placé, c'est un menu wordpress à la base qui d'ailleurs est codé exactement de la même façon sous Drupal.

Le current_page_item peut se trouver sur un menu ou un sous-menu étant donné qu'à la base ça sert à le mettre en surbrillance comparé aux autres liens pour bien voir qu'on se situe sur cette page.

C'est assez casse tête

[Barsy]

Non, c'est pas tellement casse tête, il suffit juste d'aller chercher le menu parent.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('li.current_page_item').parents('li').find('a:eq(0)').click();

En jQuery, rien n'est compliqué. On peut accéder à tous les éléments d'une page en une seule ligne de code.

[Tetsumaki]

Merci Barsy de t'occuper de mon cas par contre ça ne marche pas non plus.
Je ne comprend pas comment avec .clic à la fin de ton exemple ça peut dérouler automatiquement le menu au chargement de la page.

Alors par contre une chose, je m'en rend compte que maintenant malheureusement mais ça devrait bien nous aider.

Lorsque je me trouve dans un menu principal le <li> est en :
<li class="current_page_item">

Lorsque je me trouve dans un sous-menu :
le <li> du menu principal est en :
<li class="current_page_ancestor current_page_parent">

et le <li> du sous-menu est en :
<li class="current_page_item">

[Barsy]

Pourtant, j'ai essayé mon code sur les sources que tu donnes dans ton premier post est ça fonctionne très bien :

Si tu veux, voici le fichier nimenu.js avec ma modif :

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
/*
Basé sur Simple JQuery menu de Marco van Hylckama Vlieg
Web: http://www.i-marco.nl/weblog/
*/
 
jQuery().ready(function() {
  $('ul.nimenu ul').hide();
  $.each($('ul.nimenu'), function(){
    $('#' + this.id + '.expandfirst ul:first').show();
  });
  $('ul.nimenu li a').click(
    function() {
      var checkElement = $(this).next();
      var parent = this.parentNode.parentNode.id;
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#' + parent + ' ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
      }
    }
  );
  $('li.current_page_item').parents('li').find('a:eq(0)').click();
});

Le click() va juste simuler un événement click sur le menu en question. Ce qui va le dérouler.
Un autre moyen aurait été de faire un .show() sur le menu en question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('li.current_page_item').parents('li').find('ul').show();

Les deux ne changent pas vraiment grand chose. mais je préfère le .click() car il va vraiment exécuter la fonction click() que tu as défini si dessus et si tu dois effectuer d'autres action avec ton click, ils s'exécuteront aussi au chargement de ta page.

[Tetsumaki]

Désolé pour la réponse tardive.
Ça fonctionne impeccablement !
Je te remercie grandement