SPIP-Contrib

SPIP-Contrib

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

274 Plugins, 192 contribs sur SPIP-Zone, 142 visiteurs en ce moment

Accueil > Navigation > Menus réactifs > Babbibel > Le menu déroulant Babbibel

Le menu déroulant Babbibel

2 juin 2009 – par babbibel – 310 commentaires

75 votes

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

Pour en avoir eu besoin et longtemps cherché, je sais que les menus déroulants disponibles sous forme de plugins ne sont pas nombreux ;-) . Il y a bien celui-ci que j’ai essayé mais qui ne me satisfaisait pas vraiment...

J’ai donc intégré à mon site un menu simple et efficace que j’ai trouvé sur le net. Quelques clics plus tard, vous pouvez lire ces lignes et télécharger le plugin « Menu_babbibel ».

Il s’agit d’un menu déroulant s’appuyant sur la librairie jQuery et donc parfaitement compatible avec les versions récentes de spip ainsi que tous les navigateurs ou presque.

Le code étant très simple, le menu est facile à personnaliser. Les feuilles css sont commentées pour faciliter la personnalisation et l’habillage.

Menu babbibel
Merci à Denisb pour sa contribution base de données test.

Installation

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

  • Le plugin fonctionne sur les squelettes disposant de la balise #INSERT_HEAD.
  • Il nécessite le plugin jQuery pour les versions de SPIP < 1.9.2.

Pour la branche spip 1.9.2x Je conseille d’activer également le plugin jQuery (Cf. http://plugins.spip.net/Jquery-1-2-6-pour-SPIP-1-92x). Il vous per­met de bénéficier d’une ver­sion récente (jQuery 1.2.6) de jQuery pour vos sque­let­tes, tout en gar­dant en par­tie privée la ver­sion ori­gi­nale (jQuery 1.1.1).

Mise en oeuvre

Pour faire apparaitre le menu dans votre squelette, placez-y le code [(#MODELE{menu})] là où vous souhaitez que le menu apparaisse. Ce menu convient à tous les sites. Il est capable d’identifier et trier les articles et rubriques par langue. La plupart des sites utilisera ce menu. N’hésitez pas à visualiser le résultat de votre configuration sur les pages tests.

Ceux qui ont configuré leur site avec un secteur par langue utiliseront plutôt [(#MODELE{secteur_langue})]. Ce menu dissimule les secteurs. Il n’affiche que les rubriques de niveau 2 en les regroupant par langue. Il permet donc de répondre aux besoins spécifiques des sites multilangues par secteur (Cf. http://www.spip.net/fr_article2124.html#nh1).

Paramétrage

Le menu déroulant de babbibel se configure en quelques clics. Il est possible de choisir :

  • le type de menu que l’on souhaite utiliser (secteur + rubriques, secteur + articles, rubriques par mot clé, etc...)
  • le nombre d’article à afficher dans le menu (seulement si on a choisi un menu qui affiche des articles évidement)
  • l’ordre dans lequel ces articles seront affichés (ordre chronologique, alphabétique, etc)

Pour gérer plus finement le contenu du menu déroulant, vous avez la possibilité de sélectionner les rubriques qui seront les rubriques principales du menu ou d’exclure du menu des rubriques ou des articles.

Pour cela, créez un groupe de mots-clés pouvant être associés aux rubriques et aux articles. Dans ce groupe, créez les mots clés :

  1. menu_der qui sélectionne une rubrique à afficher dans les menus de type "Rubriques par mots-clés".
  2. exclu_menu_der qui exclut du menu une rubrique et son contenu ou simplement un article. Ceux-ci ne seront exclus que du menu ! Attention toutefois à ne pas rendre inaccessible une partie de l’arborescence.

Personnalisation

Pour personnaliser l’apparence du menu, il suffit de modifier le fichier ./plugins/menu_babbibel/menu_babbi.css. Je vous conseille de faire appel à l’extension firebug de vos navigateurs favoris.

Si vous avez personnalisé l’apparence du menu, placer le menu_babbi.css dans le dossier squelettes de votre site. C’est cette css qui sera prioritaire et les mises à jour du plugin n’écraseront pas votre css personnalisée. (Merci à Prad pour l’idée judicieuse)

Les classes babbin et babbout permettent de personnaliser l’apparence de l’article et/ou la rubrique exposé.

Compatibilité

Le menu a été testé avec succès sur la plupart des navigateurs. Le menu reste fonctionnel même si le javascript est désactivé.

Fonctionnement

Pour vous éviter de chercher, j’apporte ici quelques précisions sur le comportement général du menu :

  • Affichage des secteurs & des rubriques se fait toujours par :
    1. numéro de titre
    2. puis par date
    3. puis par ordre alphabétique
  • Configuration par défaut
    • Menu "Secteur >>> sous rubriques"
    • 100 articles maximum seront affichés
    • Les articles affichés le seront par date
  • Inverser l’ordre du tri aléatoire NE SERT À RIEN ;-)
  • Le premier item du menu ("accueil site") correspond à la valeur de <:accueil_site:> du fichier de langue de spip. Il sera donc traduit dans toutes les langues supportées par SPIP et ce pour tous les types de menus.

P.-S.

2 Juin 2009 : Mise à jour de l’archive Menu_babbibel V 1.0 stable
29 Juin 2009 : Mise à jour de l’archive Menu_babbibel V 1.1.0 stable
3 Juillet 2009 : Mise à jour de l’archive Menu_babbibel V 1.3.0 stable
12 Août 2009 : Mise à jour de l’archive Menu_babbibel V 1.9.9 test
17 Août 2009 : Plublication de 2 archives Menu_babbibel V 2.0 stable pour SPIP 2 et SPIP 192
25 Août 2009 : Plublication de l’archive Menu_babbibel V 2.0a stable pour SPIP 2 et SPIP 192


Depuis le 28 Août 2009 : Plublication de l’archive Menu_babbibel depuis la spip_zone

Retour en haut de la page

Vos commentaires

  • Le 24 septembre 2009 à 21:07, par Christophe En réponse à : Le menu déroulant Babbibel - fond différent pour rubrique active ?

    Bonjour Babbibel et félicitations pour ce plugin.
    Y a t il un moyen simple de mettre un fond de couleur différente pour la sous-rubrique de premier niveau à laquelle appartient la rubrique ou article actuellement affiché ?
    Merci d’avance pour ta réponse et encore bravo !
    Christophe

    • Le 20 avril à 23:04, par Pahure En réponse à : Le menu déroulant Babbibel

      Bonjour et bravo pour ce plugin qui répond parfaitement à mon besoin de site multilingue.

      J’ai développé un plugin Z, ajouté

      [(#MODELE{menu})]

      dans mon body.html et tout fonctionne comme attendu à un détail près : je ne vois jamais la class « babbin » dans le code. Du coup, évidemment, pour montrer où l’on est, c’est moins facile.

      Une piste ? Est-ce que le problème est : comment passer l’environnement au plugin ?

    • Le 23 avril à 12:46, par babbibel En réponse à : Le menu déroulant Babbibel - fond différent pour rubrique active ?

      Bonjour,

      Quel type de menu utilises-tu ?
      racine>>>article ou racine>>>sous rubrique ou rubrique par mots clé>>>>sous rubriques, etc...

    Répondre à ce message

  • Le 6 avril à 18:46, par ttseo En réponse à : Le menu déroulant Babbibel

    Bonjour
    J’aime beaucoup ce plugin.
    -  Est-il possible de décider que pour une rubrique donnée aucun article de cette rubrique n’apparaisse dans le menu
    -  Peut-on faire apparaitre par exemple ’et +’ lorsque l’on a limité le nbre d’article à 5 et qu’il existe + d’article ?
    Merci pour ce beau travail

    Répondre à ce message

  • Le 1er avril à 18:30, par Manu En réponse à : Le menu déroulant Babbibel

    J’ai eu pas mal de soucis sur un site que je viens de migrer chez PlanetHoster (SPIP 2.1.12) : les crayons ne marchaient pas, l’interface privée ne mémorisait pas mes réglages persos, le plugin coordonnées ne fonctionnait pas (problème d’ajax) etc... Après pas mal d’installation, désinstallations, il semble que c’est ce pplugin « Babbibel » qui fichait le bazar.
    Dans le fichier fonctions_menu.php, j’ai supprimé la ligne
    $flux .= babbi_headeur_css(''); // compat pour les vieux spip
    Tout semble rentré dans l’ordre maintenant
    Si ça peut aider...

    Répondre à ce message

  • Le 9 janvier à 21:14, par Ploufplouf En réponse à : Le menu déroulant Babbibel

    Bonjour,

    J’aime ce plugin mais là je suis passé sur la version spip 2.1.12 et il me demande le plugin CFG (normal jusque là...) la difficulté est que le plugin CFG pourtant chargé en dernière version ne’apparait pas dans mon interface de gestion des plugins... Quelqu’un a-t-il un tuyau la-dessus ?

    Merci.

    • Le 26 mars à 14:20, par nico En réponse à : Le menu déroulant Babbibel

      Bonjour,

      Je voudrais tester ce plugin, mais j’ai également :

      Impossible d’activer le plugin ../plugins/auto/menu_babbibel

      Nécessite le plugin CFG en version [1.14.0 ;) minimum.


      Avec pourtant tout à jour... ?

    • Le 26 mars à 21:56, par babbibel En réponse à : Le menu déroulant Babbibel

      Bonjour,

      Avec CFG 1.16.0 [58521] et spip_bonux 2.3.0 [58350] tout semble fonctionner chez moi. Mais, avec l’arrivée prochaine de SPIP 3 j’aurai du pain sur la planche.

      Dans quelques temps, je proposerai une mise à jour

      À très bientôt !

    • Le 27 mars à 11:25, par nico En réponse à : Le menu déroulant Babbibel

      au temps pour moi, je débute, j’en étais resté à « CFG c’est mal » et m’étais contenté d’un spip-bonux à jour
      maintenant, tout roule

      merci & bon courage !

    Répondre à ce message

  • Le 11 février à 18:19, par Paulbe En réponse à : Le menu déroulant Babbibel

    Hello,

    J’ai un site complet en <multi>[fr]blabla[nl]bloblo</multi>

    Tout fonctionne sauf le menu :-(

    En français j’ai le menu complet ("Accueil" et affichage des secteurs/rubriques),
    En néerlandais j’ai pas de menu (juste « Beginpagin » et pas d’affichages des secteurs/rubriques) !

    Une idée ? Un paramètre qui manque ?

    Je sèche, la bande pourra-t-elle m’aider ?

    Amitié
    Paulbe

    • Le 11 février à 19:03, par Paulbe En réponse à : Le menu déroulant Babbibel

      Hello,

      J’avais dégainé trop vite ;-) en supprimant effectivement lang dans les boucles c’est nettement mieux :-)

      Désolé pour le bruit.

    Répondre à ce message

  • Le 10 février à 08:15, par Marc MOREL En réponse à : Le menu déroulant Babbibel

    J’ai remarqué que le comportement du menu Babbibel n’est pas le même dans la page de test (test_menu.html) et dans le site : dans le site les rubriques apparaissent avec une effet progressif ; or cet effet peut donner un affichage saccadé très désagréable (dans une session TSE, par exemple). Y a-t-il moyen de le désactiver ?

    Répondre à ce message

  • Le 17 janvier à 16:17, par lami En réponse à : Le menu déroulant Babbibel

    Bonjour,

    J’utilise babbibel sur plusieurs sites. Un portage pour spip 3.0 est-il prévu ?

    Merci

    Répondre à ce message

  • Le 14 janvier à 09:11, par ChristianD. En réponse à : Le menu déroulant Babbibel

    Bonjour,

    Je trouve ce menu sympa et simple (je ne l’ai pas encore installé), mais j’ai une question. Peut-on dérouler les sous-menus à l’horizontal et non en vertical, par exemple sur une ligne en dessous du menu ?

    Merci d’avance pour vos réponses.

    Répondre à ce message

  • Le 27 décembre 2011 à 17:29, par fd En réponse à : Le menu déroulant Babbibel

    Bonjour,

    Ayant beaucoup de niveaux de sous menu et surtout sur la droite, l’idéal aurait été que le menu se déplie vers le bas pour les rubriques du menu, puis les que les sous-sous rubriques apparaissent juste en dessous des sous-rubriques, bref que tout se déplie en vertical sur la même colonne :

    Menu
    Sous-menu 1
    - s-smenu1
    - s-smenu2
    Sous-menu 2
    - s-smenu1
    - s-smenu2
    - s-smenu3

    Faisable avec Babbibel ? Sinon une idée comment réaliser ceci ?

    Merci

    Répondre à ce message

  • Le 9 octobre 2010 à 20:51, par tig En réponse à : Le menu déroulant Babbibel

    Bonjour,

    J’ai configuré un site bilingue (français-anglais) mais les rubriques du menu refusent obstinément de s’afficher lorsqu’on bascule le site en anglais.

    Le site s’affiche bien en anglais (homepage, reply, etc.), j’ai utilisé la balise

    1. <multi>[fr]Rubrique 1[en]First section</multi>

    pour traduire les rubriques, qui s’affichent correctement selon la langue choisie mais c’est toujours le vide au niveau du menu à part « home page »...

    Dans config/ gestion des langues/ multilinguisme/ j’ai activé menu de langue sur les articles (rien ne change si je coche également rubriques)

    je n’ai pas créé de secteur « anglais » (rubrique en anglais à la racine).

    Quelqu’un a une idée...?merci.

    PS : Rien de trouvé dans ce forum avec l’occurrence « multilinguisme »

    Spip 2.1.2
    +couteau suisse
    accès restreint
    spip bonux
    enluminures
    imprimer document
    menu babbibel

    • Le 23 novembre 2010 à 10:26, par mrtrankill En réponse à : Le menu déroulant Babbibel

      Si ton probleme est toujours d’actualités :

      j’ai eut le même souci avec l’utilisation conjointe du module multi et la gestion integré multilangue et babibel sur un site francais/anglais à la navigation identique par langue.

      J’ai modifié les boucles dans le code en retirant le filtre de langue des boucles du module babibel et hop ca marche.

      plus precisement :
      donc les fichiers a modifier sont dans :
      pluggins/(auto)/menu_babibel/inc/norm/

      en fonction de ton type de menu modifie le bon fichier.
      Il y a un fichier txt qui donne les bons noms de fichier en fonction du type de menu. (pour_modifier_le_menu.txt)

      dans le bon fichier tu retires toutes les occurences de {lang} dans les boucles.
      et voila.

      remarques :

      j’ai pas fait ca tres proprement en allant directement dans le module modifier mais ca marche.
      Au prochain update faudra que je remodifie ou que je trouve une surcharge de squel correcte.

      ++
      et merci babibel pour le temps que tu consacre pour ce module.

    • Le 12 décembre 2011 à 14:34, par OneMore En réponse à : Le menu déroulant Babbibel

      Bonjour,

      Je fais remonter ce message parce
      que j’ai un problème similaire.
      Jusque là tout fonctionnait bien avant le multilinguisme.
      Mise en place du site en français-espagnol :

      Idem que tig, lorsque je bascule sur Espagnol, aucun intitulé de rubrique s’affiche dans le menu, seul l’accueil « Portada del sitio » s’affiche, et pourtant j’ai plusieurs articles traduits (le basculement en espagnol fonctionne bien).

      J’ai tenté la solution étrange de mrtrankill, supprimer toutes les occurences de lang dans le fichier inc/multi/inc_menu_laur.html, rien...Tenter de changer le critère

      1.  {lang}

      en

      1.  {lang?}

      , non plus...

      Si vous pouviez m’aiguiller.
      Merci.

    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

  • Escal-V2

    19 juin 2009 – 91 commentaires

    Un jeu de squelettes proposant un affichage en 2 ou 3 colonnes avec un large choix de noisettes à insérer ou pas. Voir aussi Escal-V3 pour une version fortement paramétrable depuis l’espace privé. Nouveau : Escal s’internationalise Un forum (...)

  • SPIP-Listes

    30 novembre 2006 – 1694 commentaires

    SPIP-listes permet la gestion et l’envoi de lettres d’information (newsletters) au moyen d’un courriel au format html ou texte. Il est possible d’envoyer des messages aux abonnés qui se sont formellement inscrits à une ou plusieurs lettres (...)

  • Les crayons

    23 avril 2008 – 604 commentaires

    Ce plugin permet d’éditer les contenus sur les pages publiques du site, sans passer par l’espace privé de SPIP.

  • Plugin Insérer Modèles

    16 novembre 2010 – 37 commentaires

    Ce plugin fournit une aide à l’insertion des modèles dans vos textes à travers des formulaires de saisies. Ces formulaires sont accessibles dans la colonne de droite ou via un bouton dans le porte-plume. Installation et dépendances Ce plugin (...)

  • Menu jQuery Superfish

    19 mars 2011 – 69 commentaires

    Ce plugin est un portage pour Spip du plugin jQuery Superfish de Joel Birch : 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. (...)