Ariane 2

Lorsqu’un site possède de nombreuses rubriques et de sous rubriques, Ariane2 permet d’afficher un fil dans l’intégralité sans couper quoi que ce soit.

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}>
		&gt; <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a>
	</BOUCLE_ariane>
	[ &gt; <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)

Dernière modification de cette page le 3 mai 2013

Discussion

11 discussions

  • 2
    mathieu

    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

    • gerald

      As-tu trouvé une solution pour les articles ? J’ai le même problème que toi.

    • J’avais le même problème mais j’ai trouvé la solution.

      C’est indiqué dans la doc de la boucle hierarchie (http://www.spip.net/fr_article913.html) :

      Attention : cette boucle sera obligatoirement placée à l’intérieur d’une boucle ARTICLES ou RUBRIQUES — elle ne va pas par elle-même « chercher » l’id_article ou id_rubrique indiquée dans l’URL.

      Il faut donc déplacer le code du fils d’ariane.

      Bravo pour ce plugin !

      Patrick

    Répondre à ce message

  • Bonjour,

    Bravo pour ce plugin !

    J’essaie de voir dans les css comment centrer verticalement les titres des rubriques... Je n’y arrive pas... (un peu gland, non !)

    Merci

    Robert

    Répondre à ce message

  • 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

  • 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

  • Merci pour ce plugin simple et efficace.
    Installé avec succès sur le portail dont je m’occupe !

    Répondre à ce message

  • 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

  • 1

    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/

    • Oui un plugin simple, facile à comprendre, efficace et qui semble bien plaire.. tout ce que j’aime.

      Merci à toi

    Répondre à ce message

  • 1

    Bonjour,

    ce plugin est très intéressant et offre un fil d’ariane pratique.

    Deux petites questions :

    • ce plugin pourrait-il être déposé sur la zone ?
    • Peut-on envisager de modifier les css et script du plugin pourqu’il s’applique directement sur un <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 ?
    • 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

  • 1
    François Daniel Giezendanner

    Bonjour,

    Une version pour SPIP 2.0.x est-elle envisageable ?

    Cordialement

    FDG

    Répondre à ce message

  • 5

    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

    • François Daniel Giezendanner

      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

    • François Daniel Giezendanner

      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

    • 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

    • 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

    • ... dans ce cas, je salue la contribution... de tous les « César » !

    Répondre à ce message

Ajouter un commentaire

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