SPIP - Contrib

SPIP - Contrib

[ar] [en] [es] [fr] [it]

229 visiteurs en ce moment

[53 commentaires]

Plugin Menu Accordéon

mardi 26 juin 2007, par b_b

  • Digg
  • Del.icio.us
  • Facebook
  • Google
  • Technorati

Animer le menu de SPIP avec un effet d’ouverture de tiroir.

Mode d’emploi

Installer le plugin

Le plugin est disponible sur la zone pour ceux et celles qui utilisent svn, ou sous forme d’archive zip toujours sur la zone.

Installation et activation comme tous les plugins.

Adaptation des squelettes

Pour insérer le menu dans vos squelettes il suffit de modifier l’appel du menu inc-rubriques [1] :
- Par exemple pour le squelette « sommaire.html » à la ligne 117 modifier : <INCLURE{fond=inc-rubriques}>, en le remplaçant par : <INCLURE{fond=inc-menu-accordeon}>
- Pour inclure le menu dans les pages rubrique et articles du site il faudra insérer le code suivant dans vos squelettes : <INCLURE{fond=inc-menu-accordeon}{id_rubrique}>

Remarque : Lorsque le menu est configuré pour lister les articles du site, on peut l’insérer de cette manière dans le squelette article.html :

<INCLURE{fond=inc-menu-accordeon}{id_rubrique}{id_article}>

Ainsi l’article en cours d’affichage sera mis en évidence dans le menu.

Configuration

La page de configuration est accessible via l’espace privé si vous avez installé le plugin CFG. Le lien vers la page de configuration est accessible en bas du descriptif du plugin sur la page de gestion des plugins. Cette page de configuration permet de paramétrer le menu.

Quels éléments seront listés dans le menu :

- le choix « articles » permet de définir que le menu listera les rubriques principales du site (les secteurs) ainsi que les articles contenus dans ces rubriques (utile pour un petit site avec une arborescence très simple).
- le choix « rubriques » permet de définir que le menu listera les secteurs du site et les rubriques contenues par ces secteurs.
- Par défaut le menu listera les rubriques du site.

Comportement du menu :

- dépliement du clic (valeur par défaut)
- dépliement du menu au survol

Compatibilité

Le plugin fonctionne avec une version 1.9.2 de SPIP et a été testé sous Firefox 2 et Internet Explorer 6 (à tester sous Safari et Opéra).

Lorsque le javascript est désactivé le script utilisé se dégrade de façon à ce que le menu reste utilisable. Si c’est le cas, toutes les rubriques du menu seront « développées » et tout de même accessibles aux visiteurs.

Améliorations à apporter

Ajouter les liens vers les secteurs pour les rendre accessibles. Plusieurs solutions sont envisageables :

  1. Ajouter le lien sur les secteurs « dépliables ». Du coup si on clique une fois sur le lien le menu se déplie et un deuxième clic permet d’accéder au secteur "déplié".
  2. Autre solution qui sera d’ailleurs une option disponible dans la prochaine version du plugin jquery accordion de Zaefferer ; répliquer le nom du secteur sous forme de lien dans la partie dépliée de l’élément du menu.
  3. Il y a peut-être une solution en utilisant une image pour faire le lien vers le secteur déplié, mais il faudrait que ça reste accessible.

Pour l’instant c’est la première solution qui est utilisée dans le plugin.

Voir en ligne : Ce plugin est basé sur le script jQuery Accordionde Jörn Zaefferer.

Notes

[1] inc-rubriques si vous utilisez une organisation type squelettes « dist » de la distribution standard de SPIP, ou l’équivalent avec une autre structure de squelettes

Retour en haut de la page

53 Messages de forum

Voir toute la discussion

1 | 2 | 3 | 4 | 5 | 6

  • Répondre à ce message

    12 octobre 23:55 , par Juliette

    Bonsoir,

    Le plugin est paramétré pour afficher les rubriques et leurs articles, sur clic (navigateur : firefox 3).

    Lorsque l’on clique une première fois sur une rubrique, celle-ci se déroule correctement.

    Cependant, si l’on clique sur une autre rubrique, le clic actionne cette fois-ci le lien vers la rubrique et non son déploiement !

    L’un d’entre vous a-t-il déjà rencontré ce problème ? Et si oui, avez-vous trouvé une solution ?

    Cordialement,

    Juliette

  • Répondre à ce message

    27 septembre 02:33 , par Tabaco95

    Salut Stéphane,

    Dépèches-toi de mettre une page index avant de te faire bloquer ton site par Yohan :-((

    Cordialement

    Tabaco95

  • Répondre à ce message

    16 septembre 12:21 , par Silvain

    Bonjour, je suis à la recherche de cette même faisabilité. Idem, je cale pour l’instant.

    Rappel de ce qui est recherché : au clic, rubrique X s’affiche et ses sous-rubriques se déplient.

    Merci de votre aide.

  • Répondre à ce message

    28 juillet 17:37 , par aire 42

    Bonjour, Je suis aussi très intéressé par l’utilisation du plugin pour lister les rubriques, sous-rubriques, sous-sous rubriques, etc. d’un secteur de mon site.
    J’ai déja installé votre code et ça marche, sauf que ce serait éffectivement sympa de pouvoir plier et déplier toutes les rubriques.
    1ère question : avez-vous avancé sur le problème car j’aimerais vraiment en bénéficier si c le cas.
    2e question : comment faire pour ne lister que les rubriques d’1 seul secteur ?

    Merci d’avance

  • Répondre à ce message

    13 juin 04:57 , par yann

    Petit mystère. Je rencontre un conflit avec le plugin xspf qui est assez étrange. En effet, j’ai une page sommaire qui ne doit pas contenir de menu et des pages rubrique et article qui en contiennent un. Donc pas d’appel à accordéon dans sommaire, mais appel dans les autres. Et bien dans sommaire, mon rotator xspf ne marche pas et dans les autres si. Et si j’inclus le menu dans sommaire, rotator se met à marcher... Donc il semble quu’il y ait un couac quelque part. Pourquoi si les deux plugins sont activés, xspf requiert l’appel au menu pour fonctionner alors que ce n’est pas lié à la base ?? Si on désactive le menu, pas de problème avec xspf... Merci pour votre aide. Yann

  • Répondre à ce message

    9 juin 21:44 , par asso.bachant

    Merci pour le menu ....

    Une question ; est t’il possible d’afficher les sous rubriques dans le menu et si oui comment

    Exemple : vies associatives / football vie associatives / assobachant

    etc...

    merci

    l’adresse du site pou vous faire une idée @micalement stéphane

  • Répondre à ce message

    28 mai 20:38 , par pi r

    un problème d’espacement vertical survient sous ie (un bon 10px) que l’on peut contourner en ajoutant style="display : inline ;"

  • Répondre à ce message

    25 mai 19:02 , par dd

    Bonjour,

    Je viens de tester avec la version du 16/02/08 sur spip zone et je n’ai toujours pas de style "on" qui s’applique aux articles (option articles du menu).

    Je dois mal m’y prendre.

    merci

  • Répondre à ce message

    12 mai 15:32 , par couicsilver

    Bonjour,

    J’utilise cette boucle récursive pour lister l’ensemble des sous-rubriques (fichier inc-menu-accordeon-rub.html) :

    <BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre, titre}>
                   <li><a href="#URL_RUBRIQUE" class="hac[ (#EXPOSE)]">[(#TITRE|supprimer_numero|couper{80})]</a>
                                                                   
                                                                    <B_A1>
                                                                    <BOUCLE_A1(ARTICLES) {id_rubrique} {par num titre, titre}>
                                                                    <ul>
               <li><a href="#URL_ARTICLE" style="color:grey;font-style:italic">[(#TITRE|couper{80})]</a></li>

                                                                    </ul>
                                   </BOUCLE_A1>
                                                                    </B_A1>
                                                                    <//BA1>
                                                                   
                                                                    <B_R1>                                                               
                                   <BOUCLE_R1(RUBRIQUES) {id_parent} {par num titre, titre}>
                                                                    <ul>
                                            <li><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|supprimer_numero|couper{80})]</a></li>
                                                                            <BOUCLE_R2(BOUCLE_R1)>
                                                                            </BOUCLE_R2>       
                                                                    </ul>
                                                                    </BOUCLE_R1>
                                                                    </B_R1>
                   </li>
    </BOUCLE_rubriques>

    Avez-vous une idée pour pouvoir "replier" les sous-rubriques qui contiennent des sous-sous-rubriques etc. ?

    Merci d’avance

  • Répondre à ce message

    6 mai 11:15 , par jp

    Tres chouette plugin qui est facilement personnalisable au niveau du look !

    Cependant, j’aimerais le modifier pour qu’il n’affiche que les rubriques/sous rubriques / articles du secteur en cours, et je dois avouer que je sèche.

    Je suppose que celà doit se jouer au niveaux des parametres à passer, mais ou exactement ?

1 | 2 | 3 | 4 | 5 | 6

Répondre à cet article

Retour en haut de la page

Ça discute par ici

SPIP | Squelette | | Plan du site | Suivre la vie du site RSS 2.0