Plugin Menu Accordéon

Publié le : 26 juin 2007 – Dernière modification le 21 décembre 2021 – par b_b – 87 commentaires

1
2
3
4
5
12 votes

Ceci est une archive périmée mais qui reste intéressante, parfois autant pour l’article que les commentaires associés.

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.

Demo

Ce plugin repose sur le script jQuery Accordionde de Jörn Zaefferer. Pour apprécier l’impressionnant effet dépliant, se reporter directement à sa page de démo.

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.

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

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

46 discussions

  • chopinot

    Bonjour, je suis novice sous spip et je n’arrive pas à régler ce plugin (qui est parfaitement ce que je cherchais au passage !), le site étant en deux langues à la racine, je vous voudrais que ce soit les rubriques et qui se déplie pour faire apparaitre les sous rubriques, mais pour le moment ce sont les deux langues qui se déplient. J’ai réussi à faire apparaître uniquement la langue concernée, mais je n’arrive pas à faire déplier les rubriques ... si quelqu’un pourrait m’aiguiller sur la solutions ?! merci

    Répondre à ce message

  • 1

    Bonjour

    J’ai mis en place le plugin sans trop de problème pour lister les rubriques puis les articles mais quand je clique sur le lien de l’article, la page de l’article se charge mais le menu se repli.

    Avez vous le même problème ?

    Merci

    ci joint le lien vers le site : yann.suaudeau.free.fr

    • Bonjour,
      comment cacher l’affichage d’une rubrique dans l’espace public avec accordéon. J’avais cette fonction avec le squellette que j’utilise mais elle semble ne pas s’appliquer avec l’utilisation d’accordéon. Merci de me donner une solution car je sèche.

    Répondre à ce message

  • 1

    Bonjour,

    comment peut on parametrer la vitesse du déploiement des sous rubriques ?

    Merci.

    • Al62

      Bonjour,
      j’ai un problème d’affichage horizontal du plugin. Le menu s’affiche au centre de la page. Je n’ai pas ce problème avec mozilla. Si vous avez une solution !
      Merci
      Autre petite question, comment mettre les rubriques en gras.

    Répondre à ce message

  • FredL

    Bonjour, j’interviens dans ce forum pour poser une question, demander un coup de main.

    J’ai installé le plugin (Spip 2.0.9). Tout marche parfaitement bien. J’aimerais juste que quand l’internaute arrive sur la page, le premier sous menu soit déplié (« selected »), sur le modèle exposé sur cette page : http://jquery.bassistance.de/accordion/demo/

    Est-ce possible ? Cette question a-t-elle déjà été traitée ?
    Merci d’avance.
    Fred L.

    Répondre à ce message

  • mc

    J’ai SPIP 2 et EVA 4 et j’ai utilisé cfg pour paramétrer « les articles » et « survol ». Le plugin ne fonctionne pas.

    Répondre à ce message

  • Bonjour, je suis en train d’utiliser ce plugin qui est tout à fait agréable, malheureusement il n y a pas la possibilité de faire défiler les sous rubriques d’une rubrique. Si quelqu’un a réussi à bricoler quelque chose pouvait faire afficher ça :

    Rubrique principale : (déploiement)
    Sous rub 1
    Sous rub 2
    Sous-sous rub 1
    Sous-sous rub 2
    Sous Rub 3

    Merci !

    Répondre à ce message

  • Cyp

    Marche très bien avec SPIP 2.0. Suffit d’installer le plugin CFG.

    ++

    Cyp

    Répondre à ce message

  • 1
    dogui

    Incompatible chez moi avec spip 2...

    • b_b

      Bonsoir,

      Oui c’est fort possible que ce plugin ne soit pas compatible avec SPIP 2 (en même temps c’est bien indiqué dans le haut de cette page sous l’intitulé Versions). Je ne m’en occupe plus trop et n’ai pas fait de mise à jour sur celui-ci depuis pas mal de temps... Si quelqu’un veut s’y coller pour le rendre compatible avec SPIP 2 il est sur la zone.

      ++

    Répondre à ce message

  • Waldt etienne

    Incompatibilité chez moi aussi avec le plugin thickbox spip 1.9.2g.
    J’ai vidé le dossier temp et vidé le cache...

    Répondre à ce message

  • Bonjour,
    J’ai légèrement modifié ce plugin pour avoir le texte de l’article qui se déroule lorsque l’on clique sur le menu.

    Ma question :

    Est-il possible d’activer le 1er menu comme sur le 1er exemple sur cette page ?

    http://jquery.bassistance.de/accordion/demo/

    Il doit y avoir possibilité d’ajouter quelque part « active : true » mais je ne vois pas ou ?

    Merci

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom