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)

Discussion

15 discussions

  • 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

  • logic-au-spip

    En démo quelque part cet accordéon ?

    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