Menu jQuery Superfish

Ce plugin est un portage pour Spip du plugin jQuery Superfish de Joel Birch : http://users.tpg.com.au/j_birch/plu...

Principe

Ce plugin permet l’affichage d’un menu déroulant horizontal ou vertical sur une structure de menu de type ul/li.

Ce plugin ne s’occupe pas du contenu du 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 même classe que celle définie dans la page de configuration de ce plugin (Voir ci-dessous).

Installation

Comme tous les autres plugins, cf. https://www.spip.net/fr_article3396.html

Le plugin nécessite les plugins Saisies et YAML (+ Spip_Bonux pour Spip 2.1).

Activation du menu

Attention : Suite à un bug dans le plugin Saisies, le formulaire de configuration ne fonctionnera pas si vous activez l’option Permettre le HTML5 dans les pages de configuration avancée de SPIP.

La page de configuration du plugin permet de :

  • choisir le type de menu à activer : horizontal et/ou vertical
  • saisir la classe de l’élément ul principal du menu
  • saisir l’effet d’animation lors de l’affichage des sous-menus
  • saisir le délai entre la sortie du pointeur du sous-menu et la fermeture de celui-ci

Il ne reste plus qu’à définir vos couleurs en surchargeant la feuille de style du plugin.

Discussion

32 discussions

  • 7

    Bonjour,

    J’utilise sans aucun problème ce plugin sur des versions 2.1.x (bravo et merci ) et là, pour le coup, j’ai la surprise de ne pas pouvoir enregistrer ma configuration sur une version 3.0.4 de spip : Lorsque je clique sur ’enregistrer’, rien ne se passe, même après avoir désactivé les autres plugins utilisés.

    Suis-je le seul à avoir ce défaut ? Dommage, je le kiffe ce plugin... jusque là ! :))

    • Salut, je viens de tester sur un SPIP 3.0.4 avec superfish et yaml à jour et cela passe sans problème dans la page de config. Es-tu certain que tes plugins sont à jour ?

    • Salut salut & Merci merci !

      Oui, le SPIP & les plugins utilisés avaient fraichement été installés, et j’avais vérifié (Saisies,....) + désinstall / réinstall + désactivation des autres plugins présents &/ou actifs.... et le résultat était le même.

      J’ai dû aller de l’avant rapidement donc autre solution prise entretemps, mais je vais de nouveau tester : je suis maintenant sur un SPIP 3.0.5 et si de ton côté ça marche, alors y’a pas de raison nom de Zeus ! :)) Donc : dés que je peux, je réactive un squelette + plugin + tests avec et sans les autres plugins et je reposte dans la foulée.

      Merci à toi dans tous les cas & à bientôt

    • Bonjour,
      J’ai le même problème. La config ne s’enregistre pas (SPIP 3.05 et tous les plugins à jour).
      Je confirme qu’on ne peut pas enregistrer les options via la page de configuration.
      Le bouton d’enregistrement demande la saisie d’un champ (non indiqué !) et n’enregistre rien.
      Pour contourner le problème (à la sauvage !), j’ai copier/coller directement dans PHPMyadmin la config META jquerysuperfish récupéré sur un autre site ou ça fonctionne.
      Voici ce que j’ai coller pour un menu horizontal :


      a:10:{s:10:"horizontal";s:0:"";s:8:"vertical";s:0:"";
      s:9:"menu_hori";s:2:"on";s:11:"classe_hori";
      s:13:"sf_horizontal";s:14:"animation_hori";
      s:28:"opacity:'show',height:'show'";s:10:"delai_hori";
      s:3:"200";s:9:"menu_vert";s:0:"";s:11:"classe_vert";
      s:11:"sf_vertical";s:14:"animation_vert";
      s:13:"height:'show'";s:10:"delai_vert";s:3:"200";}

      A REMETTRE SUR UNE SEULE LIGNE (j’ai du faire des retours sinon j’avais pas le bouton Confirmer l’envoi !)

      La page de config est alors bien active et les options prises en compte ! Si ça peut aider...

      Par ailleurs, j’ai 2 ZIP du plug avec une architecture différente alors que c’est la même version.
      Est-ce normal ?

    • Pareil ici.
      La config ne s’enregistre pas (SPIP 3.05 et tous les plugins à jour).On ne peut pas enregistrer les options via la page de configuration ; le bouton d’enregistrement demande la saisie d’un champ (non indiqué !) et n’enregistre rien.

    • Salut, êtes-vous certains d’avoir bien tous vos plugins à jour ? Si l’unE d’entre-vous pouvait passer sur IRC pour qu’on regarde le problème ensemble ça serait pas mal je pense.

      http://irc.spip.net

      ++

    • Salut, on vient de trouver la cause de ce bug, ma réponse détaillée est ici :

      http://contrib.spip.net/Saisies#forum462851

      Le formulaire fonctionnera très bien si vous n’activez pas l’option Permettre le HTML5 dans les pages de configuration avancée de SPIP (en attendant que le bug soit corrigé dans le plugin saisies).

    • Bravo et merci !

    Reply to this message

  • 3
    Krougozor

    Bonjour,
    J’ai installé le plugin mais il ne fonctionne pas. Je travaille sous SPIP 2.1.12, j’ai installé plugin Saisi version 1.25.7, et plugin Menu 0.9.4 (plus Ymla)
    Il a été bien installé mais avec une liste d’erreurs sur la page de configuration (capture d’écran ci-dessous). J’ai essayé de le paramétrer pour le menu vertical selon votre description plus haut, mais cela ne fonctionne pas. D’après vos réponses aux précedents commentaires il faut vider le cache (je l’ai fait , mais pas celui de tmp, car je ne sais pas comment le faire).
    Je débute dans la construction du site, je compte donc sur votre aide !

    Merci d’avance pour votre réponse.

    • Peux tu recalculer cette page de config (en rajoutant à l’url ?var_mode=recalcul) ?

    • Krougozor

      Je l’ai fait, mais rien ne change.

    • As tu le plugin “Verifier” d’installé ? Si oui, mets le à jour et dis moi

    Reply to this message

  • 4
    gerald

    Bonjour,

    J’ai un petit soucis niveau personnalisation du menu et donc CSS.

    -  Quand on passe sur un des liens je veux que la typo devienne blanche sur fond bleu > jusque là OK.
    -  Le soucis c’est quand je passe sous une sous rubrique le chemin reste sur fond bleu mais la typo blanche disparait et redevient en couleur de base.

    Ce n’est peut-être pas très clair du coup je vous propose de regarder en image

    Que dois-je rajouter au CSS du pluging pour que ma typo reste blanche ?

    Merci d’avance

    Reply to this message

  • 5
    thomas

    Bonjour et merci pour votre travail.
    J’ai un menu vertical réalisé par le plugin “Menus” et je n’arrive pas à configurer son aspect avec Superfish :
    J’ai en effet le message “Il y a des erreurs dans les champs ci-dessous, veuillez vérifier vos saisies” lorsque j’enregistre la configuration pour : menu vertical + nom de la class de ce menu (identique à celui donné dans Menus)...
    J’ai essayé diverses choses dont désinstall/ré-installlation du plugin (en auto, en manuel), vider les caches spip...saisir d’autres class et id... je ne vois plus quoi faire... suis à court...
    Une idée ?

    -  > Spip 2.1.12, plugin kitCNRS, Menus, Saisies pour formulaires, YAML... etc.

    Merci !

    • Thomas

      Suite à des lectures sur d’autres forums spip, j’ai désinstallé/réinstallé le plugin Menus...
      J’ai toujours le même problème...
      Même en essayant d’autre noms de classe (on ne sait jamais..), rien..

    • hello
      Tu dois avoir la version 1.25.5 mini de Saisies. Est-ce le cas ? (je viens de corriger ce “necessite”)

    • Thomas.

      Ahhhh.... voui... j’ai la 1.24.3...
      je vais changer la version tt à l’heure et tiendrai au courant,
      Merci !

    • Thomas.

      Alors après mise à jour de Saisies, puis déinstall/réinstall auto de superfish, la page config est.. déconcertante.. voir la capture. Mais, mais, le plugin semble marcher convenablement..
      A suivre, quoi.
      Merci encore.

    • As tu bien vidé le cache, vide le dossier tmp pour voir...

    Reply to this message

  • 3

    C’est vraiment bon, Yffic. Merci ! Je crois que je vais l’utiliser pour Taizé v.2 :)

    Une question : je vois que le javascript supersubs.js est présent dans le plugin. Mais il ne semble pas possible de le « mettre en route » selon l’example donné ici. Est-ce que cela pourrait éventuellement être ajouté à la config ?

    Reply to this message

  • oui merci c’est ce que je vais faire. J’ai voulu allez trop vite car mon entreprise veut que je créé leur site par ce que j’ai un diplome sur les nouvelles technologies mais je n’ai jamais réalisé de site de A a Z toute seul. La je reprend par le début et je lis toute la doc je m’en sortirai mieu que si je saute des étapes.Et eux Ils attendront. En tous les cas merci

    Reply to this message

  • 1

    c’est quoi “div”

    Reply to this message

  • 2

    j’ai installé menujquery il s’affiche dans maliste des plugins mais mon sommaire reste comme il l’était alors que je veu qu il soit en barre horizontale en dessous de l’intitulé du site. J’ai installé plugins “menu” et alors là je comprend pas a quoi il sert?
    aidez moi
    merci

    • Le plugin Menu sert à construire le contenu de ton menu. Il génère une structure ul/li dans un div que tu dois insérer dans tes squelettes (Cf la doc du plugin). Le plugin jQuery Superfish permet juste de gérer l’apparence du menu.

    • merci beaucoup je vais essayer et déjà c’est plus claire

    Reply to this message

  • 2

    Serait-il possible, au travers de l’interface du “Menu jQuery Superfish”, d’avoir un menu JQuery de type accordion (accordéon)?

    Je suis peut-être totalement hors sujet.

    merci d’avance

    • Hello

      Hors sujet, je ne sais pas... Mais en tout cas, je ne comprends pas ce que tu veux ;-) As ru vu le plugin Accordeon ?

    • J’ai vu le plugin “menu accordéon 2”,
      mais je n’arrive pas à ce que les css se chargent
      et, d’ailleurs, il ne semble pas du tout être structuré comme superfish, puisque nulle part dans les dossiers et sous dossier du plugin, on ne trouve de feuille de style css.

      J’ai fait un commentaire en ce sens sous l’article du “menu accordéon 2” et je n’ai pas encore eu de réponse.

    Reply to this message

  • 7

    comment intégrer sf_navbar ?

    Pas de problème pour sf_horizontal et sf_vertical,
    mais je n’y arrive pas avec sf_navbar !

    Que dois-t-on faire dans ce cas avec les plugins “Menu jQuery Superfish” et “Menus” ?

    Merci d’avance et merci pour ce plugin

    • Ha ben oui... Je n’avais pas bien testé... Mauvais copié/collé... C’est corrigé en svn, le zip va suivre dans une heure

      Merci pour le signalement

    • Hello et merci :

      Mais sous spip 3 beta 2, il y a une erreur dans le déroulement de la mise à jour:

      La mise à jour du plugin « Menu jQuery Superfish » (de la version : 0.4.1 à ) ne s’est pas correctement déroulée

      tu remarqueras que le message d’erreur n’indique que la version avant tentative de mise à jour:

      de la version : 0.4.1 à

      sans rien après!

    • Avec la version spip svn 18959 du 2 février pas de problème de mon coté

      Je viens de tout mettre à jour, spip3 et tous les plugins, pas de problème non plus... Et je ne vois pas pourquoi il y en aurait vu ce que j’ai modifié...

      J’ai aussi essayé en passant par la mise à jour automatique via SVP, pas de soucis non plus...

      Je sèche

    • je viens de récupérer la version svn et je suis donc en version 0.42.

      mais l’option navbar ne fonctionne toujours pas!

      j’ai fait attention de bien vider le cache de spip par toute les sources possibles additionnées :
      -  depuis l’espace privé
      -  depuis l’explorateur de fichier (je suis en local, pour l’instant), j’ai suprimé le sous-dossier “cache-css” du dossier “local”

      mais çà ne fonctionne toujours pas.

      d’ailleurs j’ai quelques questions sur le réglage “Menu navbar” :
      -  Est-ce normal que lorsqu’on l’active, cela ne désactive pas automatiquement l’option “Menu horizontal?”
      -  pourquoi est-ce que c’est la classe “sf_horizontal” qui est entrée par défaut? (voir capture jointe)
      -  si on entre la classe “sf_navbar” à la place, çà ne fonctionne pas non-plus.

      Normalement le résultat devrait-être comme dans l’exemple du site de jquery superfish:
      http://users.tpg.com.au/j_birch/plugins/superfish/#sample4

      Une dernière question subsidiaire:
      -  Quelle la méthode la plus simple pour changer les couleurs du menu jquery superfish?
      -  peut-on mettre une feuille de style superfish.css dans le dossier squelettes?

    • Zut, en corrigeant, j’ai rajouté un autre bug... Corrigé en version 0.4.3.

      Concernant les autres questions :
      -  Oui, il est normal que lorsqu’on active “navbar”, cela ne désactive pas automatiquement “horizontal”, car on peut avoir plusieurs menus de types différents sur la même page
      -  La classe « sf_horizontal » n’est pas entrée par défaut. Tu as dû l’insérer à un moment. Le plugin ne propose aucun paramétrage par défaut.
      -  Pour modifier les css, il vaut mieux les surcharger dans ton fichier perso.css

    • De nouveau, le même message d’erreur (voir capture): “La mise à jour du plugin « Menu jQuery Superfish » (de la version : 0.4.2 à ) ne s’est pas correctement déroulée”

      Je suis donc de nouveau passé par le client svn pour la 0.4.3 et çà marche impec!

      Au passage, une petite coquille dans le sous-titre descriptif du plugin:
      “Affiche un menu dèroulant” accent grave au lieu d’aigu.

      Hervé Le Dantec

      P.S.: “Yffic” , donc un peu breton sur les bords?

    • La mise à jour via SVP n’est peut être pas encore complètement finalisée... On est toujours en béta ;-)

      Et oui, 100% breton pur jus !

    Reply to this message

Add a comment

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 / PostgreSQL
  • 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 apparait.

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.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom