SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

273 Plugins, 191 contribs sur SPIP-Zone, 92 visiteurs en ce moment

Accueil du site > Navigation > Menus réactifs > Menu Accordéon > Menu accordéon 2

Menu accordéon 2

15 mars 2011 – par Maïeul – 34 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

3 votes

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.

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

À 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 :

Retour en haut de la page

Vos commentaires

  • Le 12 mai 2011 à 15:18, par korama En réponse à : Menu accordéon 2

    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.

    • Le 12 mai 2011 à 15:30, par Maïeul En réponse à : Menu accordéon 2

      bizarre,

      pourriez vous m’envoyer par mail votre code ?

    • Le 30 juin 2011 à 14:16, par Christophe En réponse à : Menu accordéon 2

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

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

      ou

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

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

    • Le 30 juin 2011 à 18:55, par Maïeul En réponse à : Menu accordéon 2

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

    • Le 1er juillet 2011 à 16:01, par Christophe En réponse à : Menu accordéon 2

      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...

    • Le 11 juillet 2011 à 14:56, par teenoo En réponse à : Menu accordéon 2

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

    • Le 11 juillet 2011 à 17:28, par Maïeul En réponse à : Menu accordéon 2

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

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

    • Le 12 juillet 2011 à 14:43, par teenoo En réponse à : Menu accordéon 2

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

    • Le 12 juillet 2011 à 14:45, par Maïeul En réponse à : Menu accordéon 2

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

    • Le 12 juillet 2011 à 21:10, par Teenoo En réponse à : Menu accordéon 2

      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 :)

    • Le 12 juillet 2011 à 21:50, par Maïeul En réponse à : Menu accordéon 2

      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.

    • Le 18 juillet 2011 à 16:34, par Teenoo En réponse à : Menu accordéon 2

      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 :)

    • Le 19 juillet 2011 à 22:56, par Maïeul En réponse à : Menu accordéon 2

      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.

    • Le 22 août 2011 à 10:57, par Teenoo En réponse à : Menu accordéon 2

      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.

    • Le 22 août 2011 à 11:01, par Maïeul En réponse à : Menu accordéon 2

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

    • Le 22 août 2011 à 11:08, par Teenoo En réponse à : Menu accordéon 2

      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>
    • Le 22 août 2011 à 11:10, par Maïeul En réponse à : Menu accordéon 2

      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

    • Le 22 août 2011 à 11:13, par Teenoo En réponse à : Menu accordéon 2

      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.

    • Le 22 août 2011 à 11:22, par Maïeul En réponse à : Menu accordéon 2

      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)

    • Le 22 août 2011 à 12:33, par Teenoo En réponse à : Menu accordéon 2

      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

  • Le 25 juillet 2011 à 15:07, par jcdx En réponse à : Menu accordéon 2

    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.

    • Le 26 juillet 2011 à 18:17, par Maïeul En réponse à : Menu accordéon 2

      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

  • Le 7 mai 2011 à 15:41, par Abel En réponse à : Menu accordéon 2

    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 :

    1. <div class="accordeon">
    2.         <h3><a href="#">Section 1</a></h3>
    3.         <div>
    4.                 <p>
    5.                 Lorem ipsum.
    6.                 </p>
    7.         </div>
    8.         <h3><a href="#">Section 2</a></h3>
    9.         <div>
    10.                 <p>
    11.                 Lorem ipsum.
    12.                 </p>
    13.         </div>
    14. </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 !

    • Le 12 mai 2011 à 16:05, par Abel En réponse à : Menu accordéon 2

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

    Répondre à ce message

  • Le 11 mai 2011 à 20:49, par korama En réponse à : Menu accordéon 2

    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

    • Le 12 mai 2011 à 01:10, par Maïeul En réponse à : Menu accordéon 2

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

    Répondre à ce message

  • Le 11 avril 2011 à 14:23, par sofymily En réponse à : Menu accordéon 2

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

    Répondre à ce message

  • Le 8 avril 2011 à 17:39, par sofymily En réponse à : Menu accordéon 2

    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

    • Le 8 avril 2011 à 17:54, par Maïeul En réponse à : Menu accordéon 2

      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.

    • Le 11 avril 2011 à 14:16, par sofymily En réponse à : Menu accordéon 2

      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...

    • Le 11 avril 2011 à 14:21, par Maïeul En réponse à : Menu accordéon 2

      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

  • Le 1er avril 2011 à 08:25, par jacangers En réponse à : Menu accordéon 2

    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>
    1.  

    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

  • Le 28 mars 2011 à 11:46, par Bruno En réponse à : Menu accordéon 2

    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

    • Le 28 mars 2011 à 11:51, par Maïeul En réponse à : Menu accordéon 2

      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

Répondre à cet article

Qui êtes-vous ?

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Navigation AJAX

    31 janvier – 18 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin permet de modifier automatiquement une parties des liens internes de manière à ce qu’ils ne déclenchent pas un chargement complet de la page cible, mais un chargement en AJAX de certains éléments spécifiés à l’avance. Il permet aussi de (...)

  • Plugin Vidéo(s)

    23 novembre 2010 – 293 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Interface de gestion et modèle d’insertion des vidéos : Dailymotion Vimeo Youtube Modèle de la balise HTML5 video avec alternative flash html5media : Lecture HTML5/Flash pour tout navigateur des fichiers MP4/H264/Ogg/WebM/Mkv Support mobile, (...)

  • Plugin SPIPAL

    10 janvier 2011 – 79 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Pour intégrer un système de paiement immédiat via PayPal à certains de vos articles . Ce plugin est une mise à niveau pour la version SPIP 2.1.8 du Plugin GoPayPal qui était resté en SPIP 1.9.2 depuis 3 ans. Il change de nom pour ne pas faire trop de (...)

  • Le menu déroulant Babbibel

    2 juin 2009 – 303 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un menu déroulant horizontal en jQuery sans limitation de profondeur et configurable avec CFG.

  • Traductions d’articles autrement 3

    8 octobre 2011 – <blink style='color:red;'>public|spip|ecrire:commentaire</blink>

    Adaptation pour SPIP 3 du plugin Traductions d’articles autrement Ce plugin modifie légèrement l’interface de SPIP afin de rendre la traduction des articles plus aisée. Principe Des liens de langues, affichés en haut de l’article, permettent de (...)