Menu accordéon 2

Le plugin Menu accordéon n’est plus maintenu.

Voici une nouvelle version, basée sur le principe de la séparation du contenu, de la forme et de l’animation.

Principe

Le précédent plugin mélangeait deux choses :
-  le contenu du menu
-  l’effet accordéon qui y était associé, c’est à dire la présentation « en tiroir ».

Cette nouvelle version du plugin s’occupe uniquement de l’effet accordéon. Il ne s’occupe pas du contenu de ce menu. Le travail peut-être délégué au plugin Menus ou à une noisette Aveline par exemple ou même géré indépendamment en squelette. Il suffira de donner au ul principal du menu la classe accordeon ou bien de remplir le champ par votre class ou votre identifiant dans la configuration du plugin (ajout du 14 aout 2012).

Il ne s’occupe pas non plus de l’apparence (CSS).

Installation

Le plugin s’installe comme n’importe quel plugin.

Il nécessite toutefois le plugin JQueryUi, qui est livré en standard avec SPIP 3.

À noter qu’il peut évidemment s’installer avec STEP

Création du menu

On peut créer le menu avec le plugin Menus, et l’installer dans son squelette à l’endroit souhaité. Je renvoie donc à la documentation du plugin Menus.

Pour que le menu créé ait un effet accordéon, il suffit de lui accorder la classe accordeon dans le champ correspondant du plugin Menus.

Attention : pour que l’effet accordéon fonctionne, le menu ne doit pas avoir plus de 2 niveaux.

Exemple

Je souhaite avec un menu accordéon qui « accordéonne » sur les rubriques de premiers niveaux, en affichant le cas échéant les rubriques du niveau inférieur.

Suivant la documentation du plugin Menus :
-  j’insère dans mon squelette le code suivant :#INCLURE{fond=inclure/menu, env, identifiant=menu}
-  Je crée un menu dont l’identifiant est menu et auquel j’accorde la classe CSS accordeon
-  Dedans je crée une entrée de type « Liste ou arborescence de rubriques » que je limite à 2 niveau.

Un dessin vaut mieux qu’un discours :

Configuration avancée

La configuration permet d’ajouter des options, en suivant la syntaxe : option:valeur,option2:valeur etc. La liste des options se trouve sur le site de Jquery.

Le panneau de configuration du plugin permet aussi de préciser votre identifiant ou votre class, laissez le à .accordeon soit sa valeur par défaut si vous ne comprenez pas !

Le panneau de configuration est accessible via :

  • Configuration->Accordéon sous SPIP 2.1.
  • Squelettes->Menu JQuery Accordéon sous SPIP 3 ou SPIP 2.1 avec le plugin bandeau

Verrouillage de la configuration

Depuis la version 3.2, un webmestre peut verrouiller la configuration du plugin en créant dans son dossier squelettes :
-  un fichier accordeon/identifiant.html contenant l’identifiant du menu et remplaçant le champ « identifiant » du formulaire de configuration.
-  un fichier accordeon/options.html contenant les options du menu (sans les {}, et remplaçant le champ « options » du formulaire de configuration.

Exemple d’option simple

Il s’agit de demander au menu accordéon de s’ouvrir sur la rubrique courante.

Dans le panneau de configuration, on met

active:'.on a'

En effet, le plugin Menu marque d’une class .on la rubrique courante.

Exemple d’options complexe

Dans cette illustration, le code demande à déplier en accordéon le menu qui a l’identifiant #listmenu, il s’applique ici sur un menu fermé de rubriques à 2 niveaux qui se dépliera d’un clic, tandis qu’on accède aux liens de premier niveau par un double-clic. Lorsque la rubrique parente est active, le menu est ouvert sur celle-ci. D’autre part autoHeight: false, permet de laisser le plugin calculer la hauteur à déplier, évitant de grands blancs si vous n’avez un nombre de sous-rubriques égales…

Voici un exemple de ce code particulier à coller dans les options de la configuration, sans ajout de parenthèses ou d’accolades.

event: 'click', 
collapsible:true, // to close all
header: 'a.hac',
active: 'a.hac.on', 
autoHeight: false,
navigation: true,
navigationFilter: function(){ 
	$('#listmenu a.hac').dblclick(function(){
	lien=$(this).attr('href');
	document.location = lien;
	return true;
	});
}

Discussion

22 discussions

  • 5

    Bonjour,

    J’utilise toujours ce merveilleux plugin sur plusieurs de mes sites pour la partie responsive… Depuis que j’ai mis un site à jour en spip 3.2 / accordeon 3.2.6, l’option « autoHeight : false » ne fonctionne plus.

    En tout cas, les ul prennent la hauteur de l’ul la plus longue dans mon menu et me laissent du vide sur les ul plus courtes…

    Une idée pour récupérer ce paramètre bien utile et éviter des vides gênants dans le menu ?

    D’avance merci pour les éventuelles pistes.
    Karen

    • non désolé, je ne suis plus ce plugin depuis un temps.

    • Oh quel dommage !
      Pensez-vous que je peux essayer de régler ça en css ou seulement en js ? Je me souviens avoir beaucoup cherché inutilement en css il y a 4 ans, avant d’avoir découvert la fonction autoHeight… Si ce n’est possible qu’en js, alors je suis mal barrée, je n’y connais rien :-/

    • très francgement, aucune idée. Peut être que sur la listes des utilisateurs de SPIp des gens pourront t’aider.

    • Ok, merci.
      Je sèche complètement, j’espère que quelqu’un passera par là avec une idée lumineuse :-)

    • Pour ceux que ça aidera également… Je viens juste de trouver après lecture de quantité de pages (réponse issue de https://stackoverflow.com/questions/11034756/jquery-accordion-auto-height-issue) :

      Use heightStyle : « content » if you’re using version 1.9 and higher (Tarun’s answer)
      Use autoHeight : false for 1.8 and lower (iappwebdev’s answer)

      Voilà, ma journée commence bien :-)

    Répondre à ce message

  • 18

    Bonjour,
    J’utilise ce plugin en local avec une version 3.016 de SPIP + Accordeon 3.2.3. Cela fonctionne super bien sur ordi ou tablette mais dès que je passe en format mobile j’ai un truc étrange : la première action effectuée fonctionne (genre je clique sur la rubrique 1 et le lien fonctionne) mais ensuite mon menu se bloque : plus moyen de refermer ou d’aller sur une autre page à partir du menu. Il faut que je repasse par la page d’accueil (accessible par le logo du site) à chaque fois. Comme si je devais réinitialiser le plugin.

    Pour info, c’est une feuille CSS dédiée qui gère l’affichage. Pour la configuration du plugin j’ai ceci :
    event : ’click’, collapsible : true, autoHeight : false, navigation : true, active :’.on a’,

    Je fais mes tests avec les outils de prévisualisation fournis par Google Chrome. Je n’ai pas encore pu le faire en vrai puisque le site n’est pas en ligne.

    Avez-vous des pistes / idées pour résoudre ce problème ? Cela m’aiderais beaucoup car j’ai le nez dessus depuis hier et je sèche...

    • aucune idée... il faudrait demander sur des forums jquery consacré à accordeion.

    • Merci d’accuser réception Maïeul. Je vais le faire mais en même temps j’ai déjà bien fouillé dans les forums et je n’ai pas encore trouvé de cas comparable. Vu ce que tu me dis, ma déduction c’est que soit c’est dû à la CSS (qui impacte d’une façon ou d’une autre le fonctionnement du plugin) soit c’est un bug d’affichage. En tout cas il y a de fortes chance que le soucis soit de mon côté... Merci et je posterai la réponse si je trouve.

    • Toujours pas trouvé... c’est vraiment curieux. c’est seulement quand le site charge ma CSS pour mobiles que ça coince. Rien sur les forum consacrés à Accordion....

    • Bonjour,

      Je ne comprends pas très bien où mettre ce code :

      -  j’insère dans mon squelette le code suivant :
      #INCLURE{fond=inclure/menu, env, identifiant=menu}

      Je suis avec le squelette « ahuntsic »
      Merci d’avance

    • je ne sais pas, je ne connais pas le squelette ahunstic. Mais si vous faites un var_mode=inclure, vous devriez trouver la liste des fichiers existant. Il vous suffira alors de copier celui qui vous intéresse dans votre dossier squelettes et de le modifier.

      Avez vous un site de démonstration en ligne ?

    • Eh non, je suis en local afin de tester et je mettrais en ligne ensuite.
      Dans le dossier « ahunstic » -> inc -> inc-menu.html - Est-ce le bon fichier ?
      Sinon le dossier « ahunstic » :
      -> plugin.xml
      -  > ahuntsic_options.php
      -  > ahuntsic_fonctions.php

    • inc-menu.html me paraît le bon. Donc créer un dossier inc dans le dossier squelettes. Y copier inc-menu.html et le modifier pour insérer #INCLURE{fond=inclure/menu, env, identifiant=menu}.

      Je vous invite à lire les bases de la programmation SPIP, par exemple via http://programmer.spip.org, les premiers chapitres.

    • J’ai bien mis la ligne de code dans le fichier inc-menu.html comme indiqué (ligne 18).
      Comment obtenir la fenêtre « menu » comme plus haut dans les commentaires ?
      Dans la fenêtre Squelettes -> jQuery Accordéon, j’ai laissé Identifiant du menu : .accordeon et Animation : vide.
      Le lien http://programmer.spip.org est super, je vais essayer de comprendre ;)

    • J’ai lu http://programmer.spip.org mais j’ai bien du mal à comprendre :(
      Je vais rechercher un squelette comprenant déjà des menus « accordéon » sinon je vais m’orienter vers Joomla !…
      Merci quand même de l’aide apportée.

    • je vous déconseille très fortement joomla, qui est encore plus compliqué que spip a personnalisé dès qu’on a pas le module qu’on souhaite.

      je n’ai pas compris votre question d’hier soir...

    • Un dessin vaut mieux qu’un discours :

      Comment obtenir la fenêtre « menu » comme plus haut dans les commentaires ?

    • Décidement vous n’avez pas compris le problème :
      -  le plugin menus se charge de la création des menus et du choix de leur contenu
      -  le plugin menus-accordeon se charge de l’affichage.

      Et comme je le dit dans la documentation, la capture d’écran est « Suivant la documentation du plugin Menus ». Autrement dit, l’explication de comment trouver cette fenetre est dans le plugin menu. En l’occurence il vous suffit d’aller dans l’espace privé sur squelettes->menus du site ->créer un nouveau menu.

    • Euh, j’obtiens cela :(
      J’ai encore raté quelque chose…

    • je peux rien vous dire :
      -  je ne sais pas ce que vous avez fait exactement
      -  je n’ai pas accès à votre site pour debuger...

    • C’est ce que j’obtiens après avoir fait : « Squelettes -> Menus du site » puis après avoir rempli les champs, j’ai cliqué à gauche sur « Voir en ligne »…

    • ca veut juste dire qu’on vous affiche le contenu du menu, tel que généré. Pour le véritable affichage, rendez vous sur votre page d’accueil publique.

    • C’est ce que j’aurais bien voulu mais non. Cela n’apparaît pas.

    • certes, mais comme je ne sais pas ce que vous avez fait je ne peux pas vous dire. Je n’ai pas de boule de cristal....

    Répondre à ce message

  • 1

    Bonjour,
    voici ma config : Spip 3.0.17 / Plugin Menus 1.4.5 / Plugin Menu Accordeon 3.2.3.

    Le menu accordéon fonctionne très bien sur mon site à l’exception des pages ou je fais appel la dernière version de jQuery (jquery-1.11.1) via :

    <script type="text/javascript" src="squelettes/javascript/jquery-1.11.1.min.js"></script>

    Allez voir par vous même :
    une page où ça marche : http://s543787364.onlinehome.fr/2014/spip.php?article29
    une page où ça ne marche pas : http://s543787364.onlinehome.fr/2014/spip.php?article3

    Quelqu’un pourrait m’aider ?
    Nico.

    • logique, le menu accordéon est conçu pour une version antérieure de jquery. Il y a sans doute une version qui est compatible dans le plugin-dist jqueryui de la 3.1, qui utilise la nouvelle version de jquery. Mais en l’état, je suppose qu’on utilise la version de jquery lié à la version de SPIP, et qu’on ne surcharge pas.
      Y-a-t il des besoins impérieux de melanger deux versions de jquery ?

    Répondre à ce message

  • 2

    Bonjour,

    Avant tout, bravo pour ce plugin, plus qu’utile pour un menu ergonomique sur un support mobile !

    J’ai une question sans doute bête, mais j’ai tout parcouru sans trouver ni la réponse, ni la question déjà posée : comment fait-on pour accéder à un lien de premier niveau (c à d qui ne déplie pas une liste, comme un lien vers l’accueil par exemple).

    Étant donné que le clic sur un premier niveau est censé déclencher le dépliage du deuxième niveau, et que je ne vois pas l’intérêt de devoir déplier un « accueil » pour faire apparaître un 2e « accueil », cliquable lui…
    Idem pour n’importe quel lien direct, de premier niveau dans le menu.

    Suis-je claire :p ?

    Cordialement,

    Karen

    • très claire.

      première chose à faire : marquer les entrées concernées, par une classe pas-accordeon (il y aurait sans doute moyen de faire cela automatiquement, mais je n’ai pas le temps de chercher).

      ensuite configurer le menu, soit via le squelette accordeon/options.html, voir la doc. Il faut utiliser le paramètre header (voir http://api.jqueryui.com/accordion/#option-header). En changeant légèrement l’option par défaut, pour exclure les entrées avec la classe pas-accordeon. Donc ce code :

      header:"> li:not(.pas-accordeon) > :first-child,> :not(li):even"
    • Merci !!!!!!!! C’est génial :-)

      Je suis impressionnée par la rapidité de réponse et l’efficacité de la solution.
      Solution que je n’aurais jamais pu écrire, étant nulle en php et js…

      Encore bravo pour ce plugin, et belle journée.
      Karen

    Répondre à ce message

  • 4

    Bonjour,

    J’ai installé en interne un menu Accordeon avec le plugin Menu. Le menu est basique : rubrique + articles. Comme dans l’exemple de Menu j’ai collé collapsible: true, active: $(".accordeon > li.on > a,.accordeon > li:first-child > a").last() Cela fonctionne comme je le souhaite, mais, avec les CSS je n’arrive pas à styler l’article actif avec .on.

    Quand j’utilise li.menu-entree.item.on.active ou .ui-accordion-content li.on j’arrive juste à colorer une puce (si j’en mets une). Mais je voudrais styler le texte du menu et pas juste une puce.

    Merci de vos lumières

    • J’ai continué à décortiquer mon problème et ce que je trouve est vraiment bizarre !

      Dans ma CSS, avec .ui-accordion-content .on j’arrive à styler :
      -  background-color
      -  font-size
      -  font-style
      -  tetxt-decoration
      -  margin
      -  padding

      Mais
      -  font-weight
      -  color
      ne réagissent à aucune des valeurs spécifiées dans ma CSS !!! Dingue, non ?

      Alors que pour moi ce sont justement les 2 éléments les plus importants pour styler un menu.

    • il faut voir avec firebug comment sont styler chaque element du menu.

    • Merci, c’est bien ce que je fais. Et c’est ce qui me permet de décrire cette situation.

      Font-weight et color sont bien là, à côté des autres éléments, mais ils sont inefficaces et on ne voit aucune spécification CSS qui vient les « overrider ». Cela me fait penser qu’il y a une valeur spécifiée ailleurs (dans le JS ?). Mais cela dépasse mes compétences.

    • faut voir s’il y a pas des spécifications au niveau du a.

      Mais je me suis contenter d’encapsuler le truc pour spip, je ne sais pas trop comment il fonctionne en réalité.

    Répondre à ce message

  • 4
    Baptiste Wicht

    Bonjour,

    J’essaie d’utiliser votre plugins avec le plugin Menu mais je n’y arrive malheureusement pas.

    J’ai ajouté le menu sur la page http://www.formulejeunes.ch/?page=test pour que vous voyiez ce que ça donne.

    Le style est horrible et il n’y a pas d’effet accordeon.

    A mon avis il doit y avoir un problème de style CSS qui n’est pas appliqué ou alors le JS qui n’est activé correctement. Je ne vois pas trop ce qui cloche :(

    J’ai la dernière version de SPIP, du plugin Menus et de ce plugin.

    Est-ce que vous savez ce qui cloche ?

    Merci d’avance

    • Baptiste Wicht

      Ok, j’ai compris que par défaut il n’y a pas de style jquery ui installé.

      J’aurais aimé savoir quel thème avez vous utilisez pour le menu qui est affiché en exemple ?

    • je ne sais malheureusement pas, ce n’est pas moi qui ait mis cet exemple, mais touti

    • Bonjour Baptiste,
      comment avez-vous fait pour fermer toutes les fenêtres au chargement de la page ?
      Cdlt

    • je me réponds :

      active : false

       :)

    Répondre à ce message

  • 2

    J’ai mis à jour le plugin et j’ai les deux erreurs suivantes qui s’affichent sur le sie public :

    Numéro Message squelette boucle Ligne
    1 Aucun squelette accordeon/identifiant n’est disponible... plugins/auto/accordeon/v3.2.1/accordeon.js.html / 3
    2 Aucun squelette accordeon/options n’est disponible... plugins/auto/accordeon/v3.2.1/accordeon.js.html / 1

    Répondre à ce message

  • 5

    Merci pour ce magnifique plugin que j’utilise conjointement avec galleria.

    Je l’ai placé dans une rubrique qui contient plusieurs sous-rubriques chacune ayant des articles avec des images. Les sous-rubriques sont donc les « secteurs » de ma gallerie.

    Lorsque je clique sur le titre dune rubrique, le menu s’ouvre et me montre les articles ! Je suis content c’est ainsi qu’il doit fonctionner, par contre serait il possible de supprimer les href des rubriques qui me sont inutiles ? J’éviterai ainsi aux moteurs de les envoyer sur des pages vides.

    Enfin comment faire pour que lorsque j’arrive dans la rubrique mère mon menu m’amène directement au premier article de la première sous-rubrique ?

    merci beaucoup !

    • Je constate un problème. Ma rubrique « mère » est la numéro 2. Dans les options sous « Numéro de la rubrique parente ou « courante » si la rubrique parente est la rubrique courante du contexte » j’ai donc mis 2 !

      Cela fonctionne bien, par contre lorsque je me rends sur un article qui se trouve dans la 2e ou 3e rubrique, le menu reste ouvert sur la première rubrique.... comment résoudre ce problème ?

      Je spécifie que lors de la création du menu jai choisi l’otpion « liste de rubriques articles »

    • Bonjour,

      je ne suis pas sûr d’avoir bien compris tout vos problèmes. Auriez vous un site où je pourrais visualiser les choses ?

      En attendant, j’essaie de répondre à partir de ce que j’ai compris. En ce qui concerne les messages du premier forum, cela ne dépend pas du plugin menu accordéon, mais du plugin menu. Je vous invite à poster les questions dans le forum ad hoc.

      Pour le second problème, merci de me mettre un lien, que je puisse saisir le souci exacte,ent.

    • Je ne peux mettre l’url en ligne vous l’ai envoyé en privé.
      Le problème est en effet probablement avec le plugin menu mais jen suis pas sûr !

      Ce menu doit apparaître uniquement sous la rubrique no 2 et il affiche ses sous rubriques et articles.
      Pour ce faire dans le plugin menu ai spécifié dans les options que la rubrique parente est la rubrique deux, sinon il m’afficherait toute la hiérarchie des rubriques depuis la racine !

      Le problème est liée au pliage/dépliage des sous-rubriques qui affichent les articles.
      Lorsqu’on arrive la première sous rubrique est ouverte et on voit l’article/s qu’elle contient.
      Les autres sous-rubriques en dessous sont pliées et on ne voit donc pas leurs articles.

      Si je déplie une autre sous-rubrique et je me rends sur l’article de cette dernière une fois arrivé sur l’article dans le menu accordéon, la rubrique en cours se replie et cache l’article dans lequel je me trouve et le menu m’ouvre/déplie à nouveau la première rubrique !!!

      D où peut provenir ce problème ?

    • pour le premier problème, je suis sûr que c’est bien dans menu que se trouve le problème ;-)

      pour ce qui est du problème du second poste, il faut ajouter un règlage dans le formulaire de configuration du plugin.

      active:'.on a'

      Si c’est bien cela le code à mettre (à tester, si ce n’est pas le cas il faut regarder dans la documentation la signification specifique de l’option active), merci de me le signaler. Je l’ajouterai comme exemple basique à la doc.

    • Oui c’est bien ca ! merci !!

    Répondre à ce message

  • 5
    Tropicaloo

    Bonsoir,
    Je cherche à tout hasard une âme charitable qui aurait déjà trouvé l’astuce ou le JS à paramétrer dans Accordeon 2 pour obtenir un menu à 3 niveaux ; exemple :
    Rubrique 1 < clic pour accès direct
    Rubrique 2 < clic accordeon
    -  sous-rubrique A < clic accordeon
    * article 1 < clic pour accès direct
    * article 2 < clic pour accès direct
    -  sous-rubrique B < clic accordeon
    * article 3 < clic pour accès direct
    * article 4 < clic pour accès direct
    Rubrique 3 < clic pour accès direct

    Mon menu est généré dynamiquement avec le plugin Menu mais je peux en faire un statique en Html si une solution existe côté JSQuery. Avec le code par défaut :
    collapsible: true, active: $(".accordeon > li.on > a,.accordeon > li:first-child > a").last()
    J’ai un effet accordeon sur Rubrique 2 mais pas sur ses sous-rubriques.
    Quand aux rubriques 1 et 3, elles sont inactives (pas d’accès à la rubrique en cliquant dessus). Merci pour votre aide, j’avoue ne pas avoir trouvé de solution sur le site JQuery (en anglais et pas toujours évident à comprendre)

    • Tropicaloo

      Je me réponds à moi-même. jQuery Accordeon ne sait pas gérer 3 niveaux. Voici le résultat de mes recherches, pour ceux que cela intéresse : une alternative à Accordeon (pas en plugin) qui permet l’utilisation à 3 niveaux > jQuery Collapsor

    • Salut,

      je suis dans la même situation... As-tu trouvé une solution via jQuery Collapsor ?
      J’ai jeté un oeil sur différents scripts, mais avant de tenter d’adapter quelque chose...

      Merci,

      jean marie

    • Bon, je me réponds aussi : pas expert en jQuery, j’ai quand même réussi à faire fonctionner le truc en utilisant la fonction slideToggle qui fait partie de l’API jQuery de base :
      http://spip.pastebin.fr/26757

      Et le squelette : http://spip.pastebin.fr/26758

      Voilà, si ça peut servir...

    • Tropicaloo

      Bonsoir Jeanmarie,
      De mon côté, pour pouvoir conserver le paramétrage depuis la rédaction avec le plugin Menu, j’ai finalement abandonné collapsor et j’ai « saucissonné » mon menu en plusieurs menus pour obtenir ce que je cherchais.
      Dès que j’ai un moment, j’essaye d’utiliser ton astuce avec grand plaisir. Merci pour ton aide.

    • Salut,

      Il y avait une erreur dans le squelette : la BOUCLE_compteur_article renvoyait autant de fois class=« dernier » qu’il y a d’articles dans la sous-rubrique. C’est résolu avec l’aide de la liste SPIP :)

      Voici donc la bonne version du squelette : http://spip.pastebin.fr/26793
      (solution nécessitant SPIP Bonux)

      Ne pas tenir compte de celle de mon message précédent...

      jean marie

    Répondre à ce message

  • 5
    Tropicaloo

    Bonsoir,

    Avec un SPIP 3.0.5 [19905] et Accordéon 3.1.0 SVN [64795] un simple rédacteur peut modifier via le bouton du bandeau « Squelettes » l’identifiant du menu ainsi que le paramétrage de l’animation.
    Si quelqu’un a le code à rajouter pour restreindre ce paramétrage au seul Webmaster, je suis preneur.
    Merci.

    • la question est à posé sur le forum du plugin menu ...

    • Tropicaloo

      Pourtant il s’agit bien du paramétrage du menu accordeon et pas celui du plugin menu, ex :
      icons: false, autoHeight: false, collapsible: true, active: $(".accordeon > li.on > a,.accordeon > a").last()
      La page qui s’affiche s’intitule : Menu jQuery Accordéon...

    • a excusé moi, j’avais mal compris/mal lus.

      Je regarde tout cela : il faut que je réserve l’accés au webmestre.

    • heu vous êtes sûrs de votre propos ? Avec un compte auteur et la version 3.1.0, je n’ai pas d’accès à la configuration ...

    • Tropicaloo

      Bonsoir Maïeul,

      Tout d’abord merci pour votre disponibilité et votre réactivité.
      J’ai effectué le test sur un site en ligne « propre » et je n’ai pas rencontré le problème. Désolé pour le bruit mais mon site en local où je fais les tests m’a induit en erreur. Je vais le réinstaller au propre.

    Répondre à ce message

  • 11
    christianD.

    Bonjour,

    Je suis sous Spip 3.0.4 et j’ai tout sauf :

    1. comme 19Marine91, j’ai le petit triangle sur le titre des rubriques que je n’arrive pas à enlever malgré mes 4heures de tentative. Comment enlever ce triangle ?

    2. l’autre souci est que les rubriques se mettent en ligne, les unes derrière les autres. Il y a bien l’effet accordéon mais ce serait encore mieux si les rubriques étaient l’une au-dessus de l’autre. Là-aussi, je ne trouve pas où modifier le css pour disposer les rubriques sous forme de liste, les unes au dessus des autres.

    Merci d’avance.

    • Bonjour, désolé je n’ai pas eu le temps de me pencher sur les modifications de l’accordéon sous SPIP 3 avec la nouvelle version de jqueryUI.

      la solution pour le triangle (et j’ai mis du temps à trouver) est de mettre une option dans le formulaire de configuration du plugin (disponible dans la rubrique squelette) :

      icons:false

      Si vous avez d’autres réglages, les séparer par des virgule. Faite ensuite un recalcul des caches, notamment du cache js, et vider le cache du nav. Cela devrait normalement faire l’affaire.

      Dans vos css perso, ajoutez aussi

      .accordeon.ui-accordion li.ui-accordion-li-fix{
          display:block;   
      }

      Je ne sais pas encore si je vais modifier le plugin pour installer ces réglages par défaut ou bien changer la doc. Il faut que je reflechisse à ce qui est le plus pertinent.

      Ps : utilisez vous un outils style firebug ? cela vous aurez aider à trouver le style défaillant.

    • la version du plugin qui sortira cette nuit à 1h du matin devrait faire cela tout seul. Attention, pas de changement de numéro de version, mais passage de l’état « dev » à test.

    • ChristianD.

      Bonjour Maïeul,

      C’est la bonne surprise du matin et je teste tout de suite. Je vous tiens au courant. J’utilise effectivement Firebug, ça aide énormément :-).

    • ChristianD.

      Comme les autres fois, impec et ça marche super bien ! Un grand merci Maïeul.

    • ChristianD.

      Une dernière chose.

      Je n’arrive pas à changer la div a de li.menu-entree.item. Je voudrais mettre color : #666566 ; text-decoration : none ; mais ça ne me le prend pas malgré tous mes essais... un peu partout.

    • bon, ok. je modifie la doc en conséquence, et je regarde après votre problème de li.

    • ChristianD.

      « What a wonderful world » ! Merci.

    • vous être sur de votre classe ? il y a pas de li.menu-entree.item avec le plugin menu sous SPIP 3....

    • ChristianD.

      En fait, c’est ce que je vois avec Firebug et je ne comprends pas pourquoi Spip ne corrige pas la couleur, au moins, puisque cette instruction semble être prise en compte.

      Je vous joins la copie écran de Firebug.

    • a ! c’est pas avec le plugin menu que vous l’utilisez, mais avec les menu lateral standard de SPIP. Ok.

      Votre problème de couleur vient que vous avez un lien dans votre li. C’est donc (si je ne m’abuse) le a qu’il faut styler (et le pb n’est pas lié à SPIP, mais au CSS)

    • ChristianD.

      Ok, je regarde ça.

    Répondre à ce message

  • 10
    19marine91

    Bonjour,

    Cet un plugin super c’est vrai. Un moment je bloquais et ça s’est débloqué je sais pas comment^^
    Bref, j’aimerais qu’il , affiche même les rubriques sans articles (car les rubriques peuvent contenir du texte sans articles).
    En affichant simplement le menu avec inc-menu_rubrique, il suffisait de rajouter tout, là je sais pas, il me le fait pour l’un d’entre eux seulement. Savez quoi faire ?

    Cordialement

    • bonjour, désolé, je n’ai rien compris.

      Pouvez vous expliquer comment est construit votre menu. Avec des squelettes perso ? avec le plugin menus ?

    • 19marine91

      Bonjour,

      Désolée pour la réponse tardive, je m’étais penché sur un autre problème. Merci à vous pour votre rapidité.

      J’ai construit le menu à l’aide du plugin menus comme indiqué. Ensuite intégré dans un squelette perso.

      J’ai plusieurs rubriques. Certains ont des articles, d’autres non. Celles qui n’ont pas d’articles possède tout de même du contenu.
      Mon menu affiche sans problème les rubriques possédant des articles. Mais il n’affiche que certaines rubriques n’ayant aucun articles et n’affiche pas l’accueil.

      J’espère m’être exprimé plus clairement.

      En vous remerciant
      Cordialement

    • Bonjour,

      en ce cas le problème ne vient pas de menu accordéon, mais du plugin menus. Il faudrait demander de l’aide dans le forum de ce plugin.

      cordialement

    • 19marine91

      J’ai résolu certains problème, finalement j’ai un affichage illisible et surtout un-cliquable (je sais pas si ça se dit. J’ai joins une image.

    • là, comme cela je ne peux pas vous aider. Je n’ai ni l’adresse du site, ni des informations sur les css que vous utilisez …

    • 19marine91

      Je n’ai pas encore changer le CSS
      Concernant l’adresse, elle n’a pas public... le site est en travaux, je ne peux présenter un site sans menu.
      C’est possible de MP pour détails privé ?
      En tout cas l’effet accordéon n’est pas là... quand tout le jquery ne chargeait pas, c’était plus ergonomique

    • 19marine91

      en bidouillant le CSS j’ai le menu qui va à la ligne (voir image) mais le clic ne charge aucune page (la mini-flèche se pli et dépli) et ne fait pas apparaitre de déroulement.

      Ce n’est pas un problème de js ça ?

    • quelle version de SPIP ?

    • la version qui sort cette nuit devrait normalement résoudre tout ce sproblèmes, pour mettre des styles standard plus correct.

      attention : pas de changement de numéro de version, mais simplement passage à l’état test.

    Répondre à ce message

  • 1
    MarjorieV

    Bonjour,

    Je viens de de transférer mon site sur un autre hébergeur. J’ai bien fais une sauvegarde de la base. Sur le nouveau hébergeur, mon site fonctionne hors, les plugings que j’ai installé (menu, menu accordeon 2) sont activés mais ne sont pas pris en compte dans mes pages de mon site.
    Quelqu’un aurait une réponse ?

    merci beaucoup !

    Répondre à ce message

  • 2

    le contexte : Je suis sous spip 3

    Je m’escrime avec le plugin accordéon depuis deux jours :
    Pourquoi, si j’ai fait fonctionné, sans problème, un autre plugin de menu, utilisant jQuery et s’appuyant sur le plugin « Menu » (le plugin « Menu jQuery Superfish »),
    je n’y suis pas arrivé avec le plugin « Menu accordéon 2 » ?

    une chose m’étonne :
    -  parmi les sous-dossier du plugin « Menu jQuery Superfish », il y a un sous-dossier « css » qui contient 3 feuilles de styles css (superfish.css, superfish-navbar.css et superfish-vertical.css).
    -  je ne vois rien d’équivalent dans le dossier du plugin « Menu accordéon 2 ».
    -  Quelle est la différence de fonctionnement entre ces 2 plugins qui fait que dans un cas il y a des feuilles de style css et dans l’autre non ?

    Merci d’avance.

    • Il n’y a pas de CSS car nous laisson la maitrise des css au webmestre. Le menu accordéon est juste là pour le jquery.

      Pour le fonctionnement sous SPIp 3, étant donné que vous ne donnez ni la méthode que vous avez suivi ni les problèmes que vous avez rencontré, j’aurais du mal à vous aider.

    • Comme dit Maïeul, le plugin s’appuie sur un autre plugin, jquery_ui, intégré au core en spip3. Et c’est ce dernier qui charge les js (et éventuellement les css les spip2, en spip3, je ne sais pas)... Mais tu peux très bien, récupérer les css et images d’un thème « tout fait » sur le site de jquery_ui et le mettre dans tes squelettes persos... Bref c’est moins immédiat que superFish, mais plus malléable au final...

    Répondre à ce message

  • 19
    korama

    oui oui, j’ai bien fais un menu avec le plugin menu, j’ai mis la classe accordeon, j’ai bien vérifié que le JQuery UI etait installé... et rien.

    • bizarre,

      pourriez vous m’envoyer par mail votre code ?

    • Christophe

      Bonjour,
      Moi aussi, même problème : le plugin accordéon ne change rien : liste cliquable rubriques et articles...
      Installé sur la dist :

      <INCLURE{fond=inclure/menu, env, identifiant=accordeon}>

      ou

      #INCLURE{fond=inclure/menu, env, identifiant=accordeon}

      Plugin JQuery UI et plugin menu installés
      Merci d’avance

    • auriez vous un site où je pourrais regarder tout cela ?

    • Christophe

      Bonjour,

      C’est en local... j’ai l’impression que le jquery n’est pas détecté...
      ...
      Je vais essayer de mettre en ligne quelque part...

    • Même problème que mes collègues ! Rien ne s’affiche...

    • même réponse qu’à vos collègues …

      chez moi ca marche, donc en l’absence de site de démo, dur d’aider :-)

    • Au temps pour moi... Tout marche parfaitement, il ne me reste plus qu’à le customiser :)

    • peut tu dire ce qui n’allait pas ? ca peut servir aux collègue ;-)

    • J’avais juste pas pris la bonne option d’affichage avec le plug Menu (Rubriques et non articles de rubrique).
      En revanche, je n’arrive pas à trouver la feuille de style qui donne l’apparence actuelle à ce menu (fond gris dégradé et flèche active...), ça me dépannerait bien de savoir :)

    • lib/jquery-ui-1.8.9/themes/basejquery.ui.accordion.css

      à noter que jquery propose de fabriquer facilement son thème : http://jqueryui.com/themeroller/

      n’oublie pas d’utiliser le mécanisme de surcharge de spip.

    • Bonjour,

      le plugin est extra ! J’ai quelques questions toutefois d’ordre pratique :) Je constate que lorsque mon event est « click » l’accès aux articles en racine (niveau 0 du menu) ne sont pas accessibles tandis qu’en « mouseover » je n’ai pas de soucis... Où corriger ce bug ?

      Je tente de trier selon mon bon vouloir les articles et sous-rubriques du niveau 0 du menu appartenant tous à la rubrique n°11... Possible ?

      Merci pour vos réponse :)

    • pour le second point il faut numéroté les article et sous rubrique sous la forme XXX. Tittre, puis activer la suppression du numéro avec le couteau kiss (de préférence ne pas prendre le couteau suisse) ou avec le fichier mes_options.php minimal (http://geekographie.maieul.net/Un-fichier-mes_options-minimal).

      Pour le premier point, la raison est simple : le clique enclenche le basculement sur l’entrée réeel. Mais sur ce site http://www.planete-sciences.org/astro/ je n’ai pas ce problème avec le réglage suivant :

      autoHeight:false, event: 'click',active:'.on span'

      .

      Vérifiez les caches.

    • Bonjour,

      comment avez vous fait pour intégrer la classe .on en fonction de la rubrique ouverte ? Utilisez-vous #GET ? J’y arrive en PHP mais je ne suis pas très sûre avec le langage SPIP...

      Merci pour votre réponse.

    • normalement le plugin menus intégre directement cela dans ses fonctions. Pouvez vous donner un exemple de code ?

    • Voila mon code

      <BOUCLE_appel(CONDITION){si #ENV{appel_menu}|oui}>
      	
      	<B_rubriques>
      	<BOUCLE_rubriques(RUBRIQUES){id_parent=#GET{id_rubrique}} {par num titre}>
      	<BOUCLE_articles(ARTICLES){id_rubrique=#ID_PARENT}{id_article!=27}{par num titre}{titre<#TITRE*}{doublons avant}>
      		<li class="menu-rub2 item[ (#ID_ARTICLE|menus_exposer{rubrique,#ENV*{env}})]">
                      <a href="#URL_ARTICLE" title="[(#TITRE|attribut_html)]">[(#TITRE|supprimer_numero)]</a>
                       
      		 </BOUCLE_articles>
      		#SET{niveau_actuel,#EVAL{1}|intval}
      		<li class="menu-rub2 item[ (#ID_RUBRIQUE|menus_exposer{rubrique,#ENV*{env}})]">
      			<a href="#URL_RUBRIQUE" title="[(#TITRE|attribut_html)]">[(#TITRE|supprimer_numero)]</a>
      			[(#SET{cond,#GET{niveau_max}|>{#GET{niveau_actuel}}|et{#GET{sousrub_cond}|?{#ID_RUBRIQUE|menus_exposer{rubrique,#ENV*{env}},'on'}}})]
      		</li>
      		
      	</BOUCLE_rubriques>
      	
                      <BOUCLE_articles_apres(ARTICLES){id_rubrique}{par num titre}{doublons avant}>
              <li class=" menu-rub item[ (#ID_ARTICLE|menus_exposer{rubrique,#ENV*{env}})]"><a href="#URL_ARTICLE" title="[(#TITRE|attribut_html)]">[(#TITRE|supprimer_numero)]</a>
      </BOUCLE_articles_apres>
      	     
      </BOUCLE_appel>
    • ce code, vous l’appeler directement où c’est un code du plugin menu ? je ne comprend pas pourquoi vous ne passez pas par le plugin menu, comme indiqué dans la documentation

    • C’est bien le plugin menu sauf que j’ai modifié le code interne pour appeler les rubriques et les articles afin de les classer comme je le souhaitais.

    • hum,

      vous faites ce que vous voulez hein ! mais faites bien attention à bien surchargez le code et non pas à modifier directement les fichiers.

      Normalement le filtre menu_exposer se charge de cela, à priori. Sinon regarder du coté du filtre exposer (dans la documentation de spip)

    • Ah non j’ai été trop vite, le code est plutôt :

      [(#SET{id_rubrique, #ENV{id_rubrique}|intval})]
      [(#SET{id_secteur_exclus, #ENV{id_secteur_exclus,0}|intval})]
      [(#SET{niveau_max_txt, #ENV{niveau}|intval|?{#ENV{niveau},infini}})]
      [(#SET{niveau_max, #ENV{niveau}|intval|?{#ENV{niveau},1000}})]
      [(#SET{sousrub_cond, #ENV{sousrub_cond}|=={oui}|?{'on',''}})]
      [(#SET{afficher_articles, #ENV{afficher_articles}|=={oui}|?{'on',''}})]
      [(#SET{masquer_articles_uniques, #ENV{masquer_articles_uniques}|=={oui}|?{'on',''}})]
      [(#SET{articles_max, #ENV{articles_max}|intval|?{#ENV{articles_max},10000}})]
      [(#SET{articles_max_plus_un, #GET{articles_max}|plus{1}})]
      
      [(#SET{articles_max_affiches, #ENV{articles_max_affiches}|intval|?{#ENV{articles_max_affiches},10000}})]
      
      [(#SET{id_rubriques_exclues, #ENV{id_rubriques_exclues}|explode{','}|sinon{#ARRAY}})]
      
      [(#SET{tri_num, #ENV{tri_num}|ou{#ENV{tri_alpha}}|?{#ENV{tri_num},'titre'}})]
      [(#SET{tri_alpha, #ENV{tri_num}|ou{#ENV{tri_alpha}}|?{#ENV{tri_alpha},'titre'}})]
      [(#ENV{appel_formulaire}|oui)
      	[(#SET{titre, #GET{id_rubrique}|?{#INFO_TITRE{rubrique, #GET{id_rubrique}}, <:info_racine_site:>}})]
      	[(#ENV{secteurlangue}non)<div class="titre">#GET{titre}</div>]
      	[(#ENV{secteurlangue}oui)<div class="titre"><:menus:nom_menu_secteurlangue:></div>]
      	<div class="infos">
      		[(#GET{niveau_max_txt}|=={infini}|non)
      			<:menus:entree_sur_n_niveaux{n=#GET{niveau_max_txt}}:>
      		]
      		[(#GET{niveau_max_txt}|=={infini}|oui)
      			<:menus:entree_infini:>
      		]
      		[(#GET{id_secteur_exclus}|=={0}|non)
      			<:menus:info_secteur_exclus{id_secteur=#GET{id_secteur_exclus}}:>
      		]
      		[(#GET{sousrub_cond}|oui)
      			<br /><:menus:info_sousrub_cond:>
      		]
      		[(#GET{afficher_articles}|oui)
      			<br /><:menus:info_afficher_articles:>
                  [(#GET{articles_max}|<{10000}|oui) / <:menus:info_articles_max{max=#GET{articles_max}}:>]
                  [(#GET{articles_max_affiches}|<{10000}|oui) / <:menus:info_articles_max_affiches{max=#GET{articles_max_affiches}}:>]
                  [(#GET{masquer_articles_uniques}|oui) / <:menus:info_masquer_articles_uniques:>]
      		]
      		<br /><:menus:info_tri:> [(#GET{tri_num}) <:menus:info_tri_num:>][(#GET{tri_num}|et{GET{tri_alpha}}), ][(#GET{tri_alpha}) <:menus:info_tri_alpha:>]
      	</div>
      ]
      <BOUCLE_appel(CONDITION){si #ENV{appel_menu}|oui}>
      	
      	<B_rubriques>
      	<BOUCLE_rubriques(RUBRIQUES){id_parent=#GET{id_rubrique}} {par num titre}>
      	<BOUCLE_articles(ARTICLES){id_rubrique=#ID_PARENT}{id_article!=27}{par num titre}{titre<#TITRE*}{doublons avant}>
      		<li class="menu-rub item[ (#ID_ARTICLE|menus_exposer{rubrique,#ENV*{env}})]">
                      <a href="#URL_ARTICLE" title="[(#TITRE|attribut_html)]">[(#TITRE|supprimer_numero)]</a>
                       
      		 </BOUCLE_articles>
      		#SET{niveau_actuel,#EVAL{1}|intval}
      		<li class="menu-rub item[ (#ID_RUBRIQUE|menus_exposer{rubrique,#ENV*{env}})]">
      			<a href="#" title="[(#TITRE|attribut_html)]">[(#TITRE|supprimer_numero)]</a>
      			[(#SET{cond,#GET{niveau_max}|>{#GET{niveau_actuel}}|et{#GET{sousrub_cond}|?{#ID_RUBRIQUE|menus_exposer{rubrique,#ENV*{env}},'on'}}})]
      			
      			
      			<BOUCLE_test_niveau(CONDITION){si #GET{cond}}>
      				<B_sous_rubriques>
                      <ul class="menu-liste menu-items">
                          <BOUCLE_sous_rubriques(RUBRIQUES){id_parent}{par num #GET{tri_num}}{par #GET{tri_alpha}}>
                              #SET{niveau_actuel,#GET{niveau_actuel}|plus{1}}
                              <li class="menu-articles  item[ (#ID_RUBRIQUE|menus_exposer{rubrique,#ENV*{env}})]"">
                                  <a href="#URL_RUBRIQUE" title="[(#TITRE|attribut_html)]">- #TITRE</a>
                                  [(#SET{cond,#GET{niveau_max}|>{#GET{niveau_actuel}}|et{#GET{sousrub_cond}|?{#ID_RUBRIQUE|menus_exposer{rubrique,#ENV*{env}},'on'}}})]
                                  <BOUCLE_test_niveau2(CONDITION){si #GET{cond}}>
                                  <BOUCLE_sous_sous(BOUCLE_sous_rubriques)></BOUCLE_sous_sous>
                                  </BOUCLE_test_niveau2>
                              </li>
                          </BOUCLE_sous_rubriques>
      
      					[(#REM) ------------------------------------------------
                                  Premier cas de gestion de l'affichage des articles 
                          		Ce code est dupliquÈ dans le 2e cas, voir ci dessous (a un ul pres)
                                  Il n'est pas possible en spip 2 d'utiliser inclure pour eviter la duplication
                                  Cf http://comments.gmane.org/gmane.comp.web.spip.devel/60475
                                  Ce doit etre le meme soucis qui fait que #URL_RUBRIQUE est trasnforme en
                                  spip.php?page=rubrique&id_rubrique=2&connect=condition qu'on enleve avec le filtre parametre_url ]
      
                          <BOUCLE_test_articles_si_sousrub(CONDITION){si #GET{afficher_articles}}>
                          	[(#REM) On commence par compter le nombre d'articles de la rubrique]
                              #SET{cpt,0}
                              <BOUCLE_cpt_si_sousrub(ARTICLES){id_rubrique}> </BOUCLE_cpt_si_sousrub>#SET{cpt,#TOTAL_BOUCLE}</B_cpt_si_sousrub>
                      
                          	[(#REM) On affiche les articles :
                                       - S'il y en a moins que le max demandÈ 
                                       - ET - si on n'a pas demandÈ de masquage des articles uniques
                                       	  - OU si le masquage des articles uniques est demandÈ et qu'il y en a plus d'un ]
                              #SET{afficher,non}
                              [(#GET{cpt}|<={#GET{articles_max}}|oui|et{#GET{cpt}|>{1}|ou{#GET{masquer_articles_uniques}|=={'on'}|non}}) 		
                              	#SET{afficher,oui}]
      
                              <BOUCLE_test_afficher_si_sousrub(CONDITION){si #GET{afficher}|=={oui}|oui}>
                                  <B_articles_si_sousrub>
                                  <BOUCLE_articles_si_sousrub(ARTICLES){id_rubrique}{par num #GET{tri_num}}{par #GET{tri_alpha}}{0,#GET{articles_max_affiches}}>
                                      <li class="menu-articles item[ (#ID_ARTICLE|menus_exposer{rubrique,#ENV*{env}})]"">
                                          <a href="#URL_ARTICLE" title="[(#TITRE|attribut_html)]">- #TITRE</a>
                                      </li>
                                  </BOUCLE_articles_si_sousrub>
                                  [(#GET{cpt}|>{#GET{articles_max_affiches}}|oui)
                                  	<li><a class="suite" href="[(#URL_RUBRIQUE|parametre_url{connect,''})]"><:menus:tous_les_articles:></a></li>	
                                  ]
                                  </B_articles_si_sousrub>
                              </BOUCLE_test_afficher_si_sousrub>
                           </BOUCLE_test_articles_si_sousrub>
                          [(#REM) --------------------------- Fin Premier cas ]
                      </ul>
                      </B_sous_rubriques>
      
      					[(#REM) ---------------------------------- 
                                  Second cas de gestion de l'affichage des articles ]
                          <BOUCLE_test_articles_pas_de_sousrub(CONDITION){si #GET{afficher_articles}}>
                          	[(#REM) On commence par compter le nombre d'articles de la rubrique]
                              <BOUCLE_cpt_pas_de_sousrub(ARTICLES){id_rubrique}> </BOUCLE_cpt_pas_de_sousrub>#SET{cpt,#TOTAL_BOUCLE}</B_cpt_pas_de_sousrub>
                      
                          	[(#REM) On affiche les articles :
                                       - S'il y en a moins que le max demandÈ 
                                       - ET - si on n'a pas demandÈ de masquage des articles uniques
                                       	  - OU si le masquage des articles uniques est demandÈ et qu'il y en a plus d'un ]
                              #SET{afficher,non}
                              [(#GET{cpt}|<={#GET{articles_max}}|oui|et{#GET{cpt}|>{1}|ou{#GET{masquer_articles_uniques}|=={'on'}|non}}) 		
                              	#SET{afficher,oui}]
      
                              <BOUCLE_test_afficher_pas_de_sousrub(CONDITION){si #GET{afficher}|=={oui}|oui}>
                                  <B_articles_pas_de_sousrub>
                                  <ul class="menu-liste menu-items">
                                  <BOUCLE_articles_pas_de_sousrub(ARTICLES){id_rubrique}{par num #GET{tri_num}}{par #GET{tri_alpha}}{0,#GET{articles_max_affiches}}>
                                      <li class="menu-articles item[ (#ID_ARTICLE|menus_exposer{rubrique,#ENV*{env}})]">
                                          <a href="#URL_ARTICLE" title="[(#TITRE|attribut_html)]">- #TITRE</a>
                                      </li>
                                  </BOUCLE_articles_pas_de_sousrub>
                                  [(#GET{cpt}|>{#GET{articles_max_affiches}}|oui)
                                  	<li><a class="suite" href="[(#URL_RUBRIQUE|parametre_url{connect,''})]"><:menus:tous_les_articles:></a></li>	
                                  ]
                                  </ul>
                                  </B_articles_pas_de_sousrub>
                              </BOUCLE_test_afficher_pas_de_sousrub>
                           </BOUCLE_test_articles_pas_de_sousrub>
                          [(#REM) --------------------------- Fin Second cas ]
      
                      <//B_sous_rubriques>
      			</BOUCLE_test_niveau>
      		</li>
      		
      	
      	</BOUCLE_rubriques>
      	
                      <BOUCLE_articles_apres(ARTICLES){id_rubrique}{par num titre}{doublons avant}>
              <li class="menu-rub item[ (#ID_ARTICLE|menus_exposer{rubrique,#ENV*{env}})]"><a href="#URL_ARTICLE" title="[(#TITRE|attribut_html)]">[(#TITRE|supprimer_numero)]</a>
      </BOUCLE_articles_apres>
      	
      	   
      	
                      
      	
      </BOUCLE_appel>

    Répondre à ce message

  • 1

    Bonjour à tous,
    J’ai un problème de compatibilité de plugin, sur SPIP 2.0.10, le plugin (il s’agit là de la première version) ne fonctionne pas en même temps que le plugin sjcycle (première version également).
    Je suppose qu’il s’agit d’un problème de version de Jquery... Quelqu’un a-t-il une idée plus précise du problème ??
    Merci d’avance.

    • quel est la nature du non fonctionnement ? un message d’erreur ?

      a priori le plugin est prévu pour fonctionner sur 2.1, pas sur 2.0

    Répondre à ce message

  • 1

    Bonjour et merci pour ce plugin.

    Je ne l’utilise pas pour faire un menu mais pour avoir une gestion de l’accordéon de jQueryUI dans les articles.
    Je colle donc mon code dans le champ texte d’un article :

    <div class="accordeon">
    	<h3><a href="#">Section 1</a></h3>
    	<div>
    		<p>
    		Lorem ipsum.
    		</p>
    	</div>
    	<h3><a href="#">Section 2</a></h3>
    	<div>
    		<p>
    		Lorem ipsum.
    		</p>
    	</div>
    </div>

    Ensuite, c’est très étrange : l’affichage se passe très bien si je mets ma boucle sur la page d’accueil du site, mais dans les pages « articles » l’animation ne fonctionne pas. J’ai beau retourner le problème je ne trouve pas de raison à ça.
    Auriez vous une idée ?

    Merci !

    • Bon en fait c’est résolu. J’avais un petit conflit avec un autre script jquery...

    Répondre à ce message

  • 1
    korama

    Bonjour,

    je développe en local un site sur lequel je voulais installer le plugin accordeon. Mais une fois activé, il ne fonctionne pas. C’est à dire que je n’ai aucune mise en forme « accordeon » mais simplement une liste basique... j’ai raté une étape ?

    Merci

    • avez vosu bien créé le menu avce le plugins menus ? avez vous bien mis la classe css « accordeon »

    Répondre à ce message

  • sofymily

    Merci pour votre rapidité, je vais regarder ça !

    Répondre à ce message

  • 3

    Bonjour,

    Je ne suis pas une pro mais ne demande qu’à comprendre et à essayer. J’ai installé spip il y a 3/4 jours.
    J’ai téléchargé le plugin accordeon et tout fonctionne.
    Mais j’aimerai qu’en cliquant sur les titres de mes articles, par exemple, le texte y correspondant apparaisse. Et là, je ne sais pas ce que je dois faire.
    J’ai exactement procédé de la même manière qu’indiquer ci-dessus, j’ai fait plusieurs essais avec différentes entrées au menu correspondant et seuls les titres des sous-rubriques ou les titres d’articles apparaissent.
    J’avais pensé retravailler le squelette du menu mais j’ai également 2 autres menus dans la page...
    Peut-être ne suis-je pas très claire mais voici à peu près l’effet que j’aimerai avoir :
    http://www.modeaparis.com/
    Ce site est vraiment top !

    Merci d’avance

    • je pense qu’à ce niveau il vaudrait mieux pour vous que vous fabriquiez vous même un squelette.

      Votre problème n’est plus celui d’un menu (de navigation), et donc ce plugin ne vous sera pas utile.

      quel est votre niveau de connaissance en html ? pour savoir comment je peux vous conseillez.

    • sofymily

      Bonjour et merci de votre réponse, je me débrouille pas trop mal en html. Mais je ne vois pas du tout comment m’y prendre... comment réaliser cet effet ? J’imagine avec javascript mais c’est là où mes connaissances me lâchent. Je ne sais pas comment intégrer correctement...

    • il faudrait que vous utiliser le plugin JqueryUI de SPIP qui vous permettra d’intégrer le script accordieon de JQuery.

      Ensuite pour l’utilisation de ce script, allez ici : vous aurez une explication et des exemples http://jqueryui.com/demos/accordion/

    Répondre à ce message

  • jacangers

    bonjour,
    Une premiere question sur #expose avec ce plugin :

    je teste cette solution accordeon suur un menu que je fabrique dans une boucle , cela donne la chose suivante :

    <B_rubriques>
    <ul class="menu-liste accordeon" 
    	<BOUCLE_rubriques(RUBRIQUES) {id_rubrique=42}  {par num titre, titre}>
    
    		<B_sous_rubriques>
    			
    
    				<BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {id_rubrique!=12}{par num titre, titre}>
                    <li class="menu-entree [(#EXPOSE)]">[(#REM) la rubrique qui va s'ouvrir]
       						
                         <a href="#" title="alors ?">[(#TITRE|supprimer_numero)]</a>   
                             <ul class="menu-liste">[(#REM) les arts de la rubrique]
    					<BOUCLE_art(ARTICLES) {id_rubrique} {par num titre, titre}>
                        	<li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>[(#TITRE|supprimer_numero)]</a></li>
    					</BOUCLE_art>
                      
                        <BOUCLE_sous_rubriquesniv2(RUBRIQUES) {id_parent} {par num titre, titre}>
                        	<li><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|supprimer_numero)]</a></li>
    					</BOUCLE_sous_rubriquesniv2>
                       
                        
                        </ul>
                     </li>[(#REM) fin de la rubrique qui va s'ouvrir]
    				</BOUCLE_sous_rubriques>
    			
    
    		</B_sous_rubriques>
    		
    	</BOUCLE_rubriques>
    
    </div>
    
    </B_rubriques>

    visiblement la notion de #expose n’est pas reconnu dans ma boucle ?

    et deuxiement remarque :
    quand je clique sur un lien, je me dirige bien vers l’article, mais une fois dans cet article, le 1er « tiroir » du menu est ouvert … comment rendre ce « tirroir » fermé par defaut ? et comment mettre en valeur le « tirroir » actif ?

    jacques

    Répondre à ce message

  • 1

    Bonjour et merci pour ce plugin ;

    2 questions :
    « pour que l’effet accordéon fonctionne, le menu ne doit pas avoir plus de 2 niveaux. »
    est-il possible, au lieu d’avoir les rubriques de niveau 1 et 2, d’avoir les rubriques de niveau 2 et 3

    Est-il possible de laisser visible la rubrique sélectionner

    Cordialement
    Bruno

    • pour le moment le plugin menu ne propose pas d’afficher les rubriqques de niveau 2 et 3 directement.

      La seul solution est de crééer plusieur « liste ou arboresences de rubriques » à partir de chacune des rubriques de niveau 2.

      je n’ai pas compris la second questions.

    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