[résolu] menu déroulant

J’ai trouvé pour le filtre !!!


j’ai mis ceci :

[[Ditto? &parents=`[*id*]` &tpl=`content_block` &noResults=` ` &orderBy=`menuindex ASC` &filter=`template,23,1` ]]

ça filtre les pages qui n’ont pas le template 23 !

j’ai noté un bug dans le menu:

quand j’affiche une page de 2ème niveau qui a des enfants, les enfants prennent la classe active.

comment corriger cela?

j’aimerais rajouter une image pour indiquer les menus qui ont des enfants.
j’ai essayé ça : <a href="[+wf.link+]" title="[+wf.title+]"[+wf.classes+]>[+wf.linktext+] <img src="images/fleche_menu.png" width="6" height="9" /></a>

mais l’image n’apparait pas.

j’ai mis l’image dans assets/templates/dossier_du_template/images/fleche_menu.png


j’espère que toutes mes questions ne te feront pas peur

Salut,

bonne nouvelle pour le filtre Ditto, il a parfois un comportement curieux mais on finit toujours par s’en sortir

alors, pour l’élément enfant qui prend la class active, ce n’est pas un bug, c’est normal si ce sont des pages agrégées, donc visibles, donc actives, il faut juste le prévoir dans les css et surcharger le style pour les éléments de ce niveau.

si ce n’est pas le cas, c’est qu’il manque un " qque part...

itou pour virer les bulles et autres rond, un list-style-type sur toutes les ul du div menu fera le boulot

d’ailleurs pour ton ajoût d’image quand un élément a des enfants. En fait, quand tu affiches les enfants, ça veut dire que l’élément de ce niveau porte la class active, il ne te reste plus qu’à faire ça dans les css (c’est d’ailleurs théoriquement plus correct, le principe de base voulant qu’une image qui a un sens soit dans le source et qu’une image qui n’a de fins que décoratives soit dans les css)

comme ça va s’appliquer au premier niveau de li, genre

du coup, derrière, surcharge pour les niveaux suivants

et hop, le tour est joué

voilou, ça devrait le faire comme ça

Have swing

pour l’histoire d’image qui indique si le menu a des enfants, c’est pas vraiment ça...

même si le menu n’est pas ouvert, je veux afficher mon image pour indiquer aux visiteurs que ce menu peut-être déroulé.

possible?

et si par exemple je voudrais mettre une bordure de fond pour séparer les menus de 2ème niveau...

j’ai essayé de mettre un border, ça marche, mais ça souligne seulement le texte, pas toute la longueur du bloc.

tu as une idée?

(je sais, je deviens ch... )

merci de ne pas être venu répondre, ça m’a permis de me sortir les doigts et de trouver comment faire tout ça, héhé !!!

encore merci pour tout le reste !

pour le 3ème niveau, il doit quand même y avoir un bug.

j’ai ceci dans mes css:

2ème niveau actif :

#navigation ul li ul li.active a {
display:block;
color: #5272A3;
background-color:#CCC;
font-weight:bold;
margin-top:1px;

3ème niveau actif :

#navigation ul li ul li ul li.active a {
color: #5272A3;
padding-left:20px;
font-weight:bold;
}

si je change des paramètres pour le 3ème niveau (couleur ou épaisseur), ça prend toujours les paramètres du niveau 2.

est-ce que tu pourrais contrôler ça avec tes fichiers? merci!!

Salut,

:) je suis en plein dév de modules et du coup je forume un peu moins mais, visiblement, ça t’a été profitable

alors pour ton histoire de 3è niveau, non, ce n’est pas un bug, regarde bien tes css

#navigation ul li ul li.active a
là tu impactes les liens à partir du 2è niveau quand la li de 2è niveau porte la class active, TOUS les liens jusqu’à n niveaux...

#navigation ul li ul li ul li.active a
là tu causes aux liens de troisième niveau et plus quand la li de troisième niveau est active

mais, nulle part tu ne dis aux liens de niveaux 3 et plus d’avoir un comportement spécial quand les li de niveau 2 sont .active

en fait, il te faudrait

ah ça, c’est sûr que quand il commence à y avoir plusieurs niveau, l’héritage se complique en css

allez je retourne à mes modules
@+

have swing

Merci chef !

oui sûr ça devient bien compliqué toutes ces imbrications !

mais quand on voit le résultat après, on est content!

bonne chance pour tes modules !

A+

troubadour