Menu jQuery Superfish

Ce plugin est un portage pour Spip du plugin jQuery Superfish de Joel Birch : https://superfish.joelbirch.design/

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

33 discussions

  • Ploufplouf

    Bonjour,

    J’aurai voulu savoir si quelqu’un pouvais me donner une astuce pour que le menu ne s’ouvre pas vers le bas mais vers le haut ?

    Je cherche en vain mais tous mes essais sont pas concluant...

    Merci de vos astuces

    Répondre à ce message

  • 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 !

    Répondre à ce 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

    Répondre à ce 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

    Répondre à ce 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...

    Répondre à ce 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 ?

    Répondre à ce 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

    Répondre à ce message

  • 1

    c’est quoi « div »

    Répondre à ce 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

    Répondre à ce 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.

    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