Vous avez un site avec des rubriques, sous rubriques, sous sous rubriques etc.. et votre fil d’Ariane devient interminable.
Ce plugin va vous permettre de construire un fil d’Ariane extensible (type accordéon) et en plus bien joliment présenté.
Pour commencer vous devez installer le plugin dans le dossier qui va bien et comme tous les plugins vous devrez l’activer.
Ensuite rien de plus simple. Une petite retouche sur le squelette et voilà votre Ariane 2 prête au décollage !
Mise en place
Si l’on prend la page article par exemple, le fil d’Ariane ressemble à cela :
- [(#REM) Fil d'Ariane ]
- <div id="hierarchie">
- <a href="#URL_SITE_SPIP/"><:accueil_site:></a>
- <BOUCLE_ariane(HIERARCHIE){id_article}>
- > <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a>
- </BOUCLE_ariane>
- [ > <strong class="on">(#TITRE|couper{80})</strong>]
- </div>
Il faut maintenant faire une ou deux modifications comme ceci :
- <div class="breadCrumbHolder module">
- <div id="breadCrumb2" class="breadCrumb module">
- <ul>
- <li><a href="#URL_SITE_SPIP/"><:accueil_site:></a></li>
- <BOUCLE_ariane(HIERARCHIE){id_article}>
- <li><a href="#URL_RUBRIQUE">[(#TITRE)]</a></li>
- </BOUCLE_ariane>
- [<li><strong class="on">(#TITRE)</strong></li>]
- </ul>
- </div>
- </div>
On a plus besoin de couper les titres à 80 caractères puisque de toute façon, les menus seront cachés tant que l’on ne les active pas.
Plus il y a de sous rubriques, plus il y aura d’onglets refermés. Plus les titres seront longs plus il y aura également d’onglets refermés.
![]()
![]()
Note :
Ce plugin nécessite la balise #INSERT_HEAD
Merci à Jason Roy pour son plugin JQuery.BreadCrumb ( miettes de pain en français)



ariane2.zip
Vos commentaires
# Le 20 avril 2011 à 09:29, par mathieu
En réponse à : Ariane 2
Bonjour à tous,
premièrement félicitation pour ce plugin !
Deuxièmement, pour en être encore plus satisfait j’aimerai un coup de main car je ne comprend pas pourquoi il marche très bien dans mes rubriques mais pas du tout dans les articles.
Dans mes rubriques aucun soucis, j’ai le fil complet, mais dans tout mes articles le fil se limite à l’accueil.
J’ai pourtant fait un copier coller du code fournis précédemment.
Si vous avez des idée ?
ps : autre question : comment on gère la taille a partir de laquelle les menus se replis, car j’ai peu de place et j’aimerai qu’il se repli plus tot ?
Merci à tous
Répondre à ce message
# Le 11 février 2011 à 03:25, par luapmada
En réponse à : Ariane 2
Bonsoir, oui tres joli plugin adaptable et tout et tout. Merci !
du coup je l’ai peut etre adpté un peu trop (sans avoir modifié la boucle donnée) et je rencontre un probleme de doublons tres genant pour un site qui doit etre rendu public rapidement.
Vos avis seront les bienvenus, merci par avance.
ca se passe en suivant ce lien
Paul
Répondre à ce message
# Le 15 janvier 2011 à 01:56, par ?
En réponse à : Ariane 2
Merci pour le plugin, ca marche bien pour les langue LTR mais il y’as le carée vide de la fil d’ariane pour les langues RTL comme l’arabe, est ce que vous pouvez m’aidez svp pour le faire fonctionner en langue arabe, cad fil ariane a droite parceque je n’ai rien dans la fil d’ariane seulement un carée vide, meme l’image de la page accueil n’apparait pas et la fil reste a gauche.
Merci
Répondre à ce message
# Le 27 septembre 2010 à 02:51, par Coyote
En réponse à : Ariane 2
Merci pour ce plugin simple et efficace.
Installé avec succès sur le portail dont je m’occupe !
Répondre à ce message
# Le 9 avril 2010 à 12:16, par LP
En réponse à : Ariane 2
Merci pour cette contribution je l’ai installé sur mon site et cela marche parfaitement, en plus c’est facilement adaptable avec le fichier de style css Voir sur mon site
Répondre à ce message
# Le 2 avril 2010 à 09:40, par squirrel
En réponse à : Ariane 2
Bonjour Bernard,
Je tiens à te remercier pour ce plugin, qui m’à permis de mieux comprendre comment créer un plugin avec Spip.
Squirrel :)
http://pips.legtux.org/
# Le 2 avril 2010 à 12:11, par Bernard Blazin
En réponse à : Ariane 2
Oui un plugin simple, facile à comprendre, efficace et qui semble bien plaire.. tout ce que j’aime.
Merci à toi
Répondre à ce message
# Le 30 mars 2010 à 17:23, par Joseph
En réponse à : Ariane 2
Bonjour,
ce plugin est très intéressant et offre un fil d’ariane pratique.
Deux petites questions :
<div id="hierarchie">ou un<p id="hierarchie">afin qu’il soit directement opérationnel sur le squelette de la dist ou un squelette comme Zpip sans avoir à modifier les squelettes ?# Le 1er avril 2010 à 10:48, par Bernard Blazin
En réponse à : Ariane 2
Bonjour,
Ce plugin est à disposition de tous maintenant. Si tu souhaites le déposer sur la zone, fais le, si tu veux retravailler le code, fais le également, c’est ça l’avantage du tout communautaire.
Répondre à ce message
# Le 31 mars 2010 à 14:58, par François Daniel Giezendanner
En réponse à : Ariane 2
Bonjour,
Une version pour SPIP 2.0.x est-elle envisageable ?
Cordialement
FDG
# Le 31 mars 2010 à 14:59, par François Daniel Giezendanner
En réponse à : Ariane 2
C’est le cas !
Répondre à ce message
# Le 28 mars 2010 à 20:53, par Bernard Blazin
En réponse à : Ariane 2
Non malheureusement, je n’ai pas de site public avec des fils d’Ariane trop longs mais tu peux voir une démo non SPIP sur le site de l’inventeur du script :
http://www.comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html
# Le 29 mars 2010 à 18:56, par François Daniel Giezendanner
En réponse à : Ariane 2
Magnifique,
Beau et ergonomiques
Pourrait-il être adapté afin de ne s’enclencher que lorsque la ligne du fil d’Arianne dépasse 1 ligne ?
A intégrer dans les squelettes, en tout cas comme une option.
Bravo
FDG
# Le 29 mars 2010 à 18:59, par François Daniel Giezendanner
En réponse à : Ariane 2
Après avoir revu la démo, j’ai la réponse à ma question :
Pourrait-il être adapté afin de ne s’enclencher que lorsque la ligne du fil d’Arianne dépasse 1 ligne ?
La réponse est oui, c’est déjà le cas
Ariane 2 est parfait !
Cordialement
FDG
# Le 29 mars 2010 à 19:31, par KMk
En réponse à : Ariane 2
Bonjour, Bernard,
Je peux dire que cela marche, sous XP, avec IE6 (c’est dire !), IE7, safari, Opéra, Chrome et Firefox (pas visible en ligne, je teste en local).
C’est une très bonne idée ! la navigation dans la hiérarchie en est très améliorée...
Bonne continuation !
KMk
# Le 29 mars 2010 à 19:39, par Bernard Blazin
En réponse à : Ariane 2
Oui enfin il faut rendre à César ce qui est à César.. Je ne suis pas l’inventeur du script, je n’ai fait qu’une simple adaptation de celui-ci pour SPIP.
Pour tout le reste un grand merci, mon plaisir étant de faire plaisir
# Le 29 mars 2010 à 20:11, par KMk
En réponse à : Ariane 2
... dans ce cas, je salue la contribution... de tous les « César » !
Répondre à ce message
# Le 28 mars 2010 à 20:43, par logic-au-spip
En réponse à : Ariane 2
En démo quelque part cet accordéon ?
Répondre à ce message