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.