[dropmenu] Le menu de ce site ???

1 Posts

Zombie Reply #1, 18 years, 3 months ago

Bonjour,

je viens d’installer MODx sur mon site, c’est parfait, ça marche bien.
Seulement je n’arrive à faire ce que je veux avec le dropmenu.
Ce que j’aimerais est assez proche du dropemenu de ce site.

voici le menu complètement développé
- Catégorie A
. doc a1
. doc a2
- Catégorie B
- Catégorie C
. doc c1
. doc c2

et voilà comment je voudrais que ça fonctionne.
quand on est sur la catégorie A, on a ce menu là :
- Catégorie A
. doc a1
. doc a2
+ Catégorie B
+ Catégorie C

quand on est sur la catégorie B, on a ce menu là :
+ Catégorie A
- Catégorie B
+ Catégorie C

et quand on est sur la catégorie C :
+ Catégorie A
+ Catégorie B
- Catégorie C
. doc c1
. doc c2

je pense que c assez clair ^^.
maintenant en lisant la doc relative au dropmenu, j’ai trouvé $level ou un nom du genre... seulement lui il permet de gérer la profondeur d’affichage de tout les menu en même temps ...
comment faire pour que seule la catégorie (dossier) désirée soit développée dans le menu.

aussi j’ai remarqué sur l’accueil de ce site que quand on clique sur Documentation, un autre dropmenu intitulé Documentation apparé ... Cette solution pourrais me convenir aussi.
J’utiliserais alors 2 drop menu, le principal et l’autre qui n’apparaitrait que si nécessaire pour détailler tout les documents d’une catégorie.

voilà voilà grin

835 Posts

aour Reply #2, 18 years, 3 months ago

Bonjour

Si tu regardes le code source du menu, tu t’apercevra que tous les sous menu sont générés mais grace au css ceux qui ne sont pas de la catégorie active sont caché

En fait tu défini par defaut que les sous-menu ne sont pas afficher: en css display : none
Par contre pour les sous-menu de la class "here" tu défini le mode d’affichage

Aour

Aour

[img]http://modxcms.com/assets/images/promo/modx-most-promising-open-source-winner.gif[/img]
[font=Verdana]Recherche | Support Francophone |Demander de l'aide | Documentation FR | Rapporter un Bug | [url=http://modxcms.com/forums/index.php/topic,2533.0.html][b]R

7,075 Posts

davidm Reply #3, 18 years, 3 months ago

Oui et tu trouveras qq explications sur ces deux fils de discussions (en attendant un tuto french) :

http://modxcms.com/forums/index.php/topic,1230.0.html
et http://modxcms.com/forums/index.php/topic,2407.0.html

Voir aussi ce post en français :
http://modxcms.com/forums/index.php/topic,2398.0.html

.: COO - Commerce Guys - Community Driven Innovation :.

MODx est l'outil id

1 Posts

Zombie Reply #4, 18 years, 3 months ago

hem

Je suis désolé, mais aprés quelques essais, je n’arrive toujours pas à faire ce que je veux...

Pour commencer voilà le source que me génère le dropmenu quand je suis sur la page id=49 (Petits jeux)

		
		<h3>Menu</h3>
<ul class="topnav">
<li><a href="index.php?id=1" title="">Accueil</a>
<ul>
<li class="last"><a href="index.php?id=6" title="">Me contacter</a></li>
</ul>
</li>
<li><a href="index.php?id=33" title="">Getting Help</a></li>
<li><a href="index.php?id=41" title="">Projets scolaires</a>
<ul>
<li><a href="index.php?id=38" title="">L2 - Génération d'arbre</a>

<ul>
<li><a href="index.php?id=46" title="">Mode d'emploie</a></li>
<li><a href="index.php?id=39" title="">Généralités sur l'application</a></li>
<li><a href="index.php?id=45" title="">Dessin des arbres</a></li>
<li class="last"><a href="index.php?id=44" title="">Génération des arbres</a></li>
</ul>
</li>
<li><a href="index.php?id=53" title="">L2 - C++</a></li>
<li class="last"><a href="index.php?id=54" title="">L3 - L-Système</a></li>
</ul>
</li>

<li class="here"><a href="index.php?id=42" title="">Ti-89</a>
<ul>
<li><a href="index.php?id=56" title="">Ti-Quest</a></li>
<li><a href="index.php?id=47" title="">Astéroïd</a></li>
<li><a href="index.php?id=48" title="">Serpents</a></li>
<li><a href="index.php?id=50" title="">LabyQuest</a></li>
<li><a href="index.php?id=52" title="">Schutz</a></li>
    <li class="here"><a href="index.php?id=49" title="">Petits jeux</a>
<ul>

<li class="last"><a href="index.php?id=55" title="">Bataille navale</a></li>
</ul>
</li>
<li class="last"><a href="index.php?id=51" title="">Programmes divers</a></li>
</ul>
</li>
<li><a href="index.php?id=32" title="">Design Credits</a></li>
<li><a href="index.php?id=4" title=""></a></li>                    <-- ici c'est login ... je ne sais pas pourquoi avec le template que j'ai fait il ne s'affiche pas.

</ul>

				
		</div>

</div>

si j’applique la méthode proposé par aour (que je pense avoir mal comprise car ça donne pas du tout ce que je cherche grin

)
j’obtient tout les ul cachés .. c cool, même ceux qui sont dans le le container
(j’ai pensé utiliser l’opérateur CSS

right>ul ....

pour palier ce défaut, mais IE n’en tiens pas compte, et vu que ceux qui vont visiter mon site utiliseront à 90% IE c pas terrible
De plus avec cette méthode, il ne m’affiche pas les sous-menus de petits jeux (pour l’instant il n’y en a qu’un : "Bataille navale".
ensuite j’ai lu dans les paramètres de dropmenu qu’il y avait

&topdivClass [ string ] - CSS Class for DIV wrapping top level UL. Defaults to ’topdiv’

J’ai donc mis cette option. J’ai fait deux cas suivant :

[[DropMenu? &topdivClass=`display:none;`]]
[[DropMenu? &topdivClass=`divmenu`]]

Mais ça donne à chaque fois le même résultat (voir ci-dessus).

835 Posts

aour Reply #5, 18 years, 3 months ago

Salut

Ce serait intéressant d’avoir ton fichier css mais voila le code !

/* hide sub-page nav lists by default */
ul.topnav ul {
    display: none;
    margin: 0 0 9px 20px;
}

/* show sub-page nav lists in the current tree */

ul.topnav li.here ul {
    display: block;
}

Aour

Aour

[img]http://modxcms.com/assets/images/promo/modx-most-promising-open-source-winner.gif[/img]
[font=Verdana]Recherche | Support Francophone |Demander de l'aide | Documentation FR | Rapporter un Bug | [url=http://modxcms.com/forums/index.php/topic,2533.0.html][b]R

826 Posts

marc Reply #6, 18 years, 3 months ago

Bonjour ikit,

Pour l’affichage du menu, en horizont en vertical, afficher ou masquer des lignes, le paramètrage se fait avec les CSS.
Je te conseille de lire CCS2 editer sous EYROLLE. regarde à ce sujet ce post.
Il te donne les coordonnées de se livre ainsi que les commentaires des uns et des autres.

David, que penses tu de mettre dans la partie ’Documentaire’ une liste de posts qui fait référence aux manuels (donc compétences) et aux outils minimum du parfait webdesigner (au sens concepteur de site) ? Merci

Marc
I'm French... Sorry for my bad English, I use ' Google Translator' or other... but that remains that tools wink

7,075 Posts

davidm Reply #7, 18 years, 3 months ago

Quote from: Ikit

<li><a href="index.php?id=4" title=""></a></li> <-- ici c’est login ... je ne sais pas pourquoi avec le template que j’ai fait il ne s’affiche pas.

Vérifie que tu appelles bien le snippet "décaché" : [!Weblogin...!]

Quote from: Marc at Jan 30, 2006, 07:53 AM

David, que penses tu de mettre dans la partie ’Documentation’ une liste de posts qui fait référence aux manuels (donc compétences) et aux outils minimum du parfait webdesigner (au sens concepteur de site) ? Merci

Faire un thread répertoriant les outils, why not au contraire mais pas dans la partie documentation, non. Documentation, c’est la doc de MODx en français, pour le reste on peut poster ce type de chose en sticky à la racine de "Support".

Tiens allez, je vais commencer :
http://modxcms.com/forums/index.php/topic,2636.0.html

:)

.: COO - Commerce Guys - Community Driven Innovation :.

MODx est l'outil id