Websourcing.fr

Websourcing.fr » Actualités, Web, Logiciels et Fun

Image pour Pluralink, un script JS pour embarquer plusieurs liens dans un seul

Pluralink, un script JS pour embarquer plusieurs liens dans un seul

Parfois, il peut ĂŞtre pratique de prĂ©senter une collection de liens de manière groupĂ©e. Par exemple pour proposer les diffĂ©rentes parties d’une archive.

Pour cela, il vous faudra crĂ©er plusieurs liens, ce qui peut s’avĂ©rer très inesthĂ©tique.

pluralink Pluralink, un script JS pour embarquer plusieurs liens dans un seul

Pluralink est un tout petit script JS qui permet d’embarquer plusieurs liens dans un seul.

Très pratique, lorsque le lien unique est cliqué, il présente un petit tooltip qui contient alors les multiples liens embarqués.

pluralink exemple tooltip Pluralink, un script JS pour embarquer plusieurs liens dans un seul
 

Le lien principal présente de plus le nombre de liens embarqués de manière discrète.

Le script n’est pas obtrusif. Lorsque vous le dĂ©sactivez ou s’il n’est pas disponible, les divers liens restent accessibles.

Pour l’utiliser, il faut utiliser une syntaxe avec des pipes ( | ) :

<a href="http://firstlink.com/||http://secondlink.org/" title="First link description||Second link description">Some pluralink</a>

Cerise sur le gâteau, il existe un plugin pour WordPress.

download ico Pluralink, un script JS pour embarquer plusieurs liens dans un seulTéléchargez le script et le plugin Pluralink


Cet article vous a plu ?

Commenter Laissez un commentaire | Recevez les mises à jour Souscrivez au flux RSS | Partager : Twitter AddInto Fuzz del.icio.us Wikio FR Blogonet
Websourcing.fr - Tous droits réservés. Reproduction interdite sans accord préalable.
  1. Répondre Citer #1 par Michael C. le 12 mars 2010 - 14:09

    Le problème, c’est que cette solution n’est pas terrible au niveau accessibilitĂ©.

  2. Répondre Citer #2 par ptitprince29 le 13 mars 2010 - 00:00

    « http://firstlink.com/||http://secondlink.org/ » j’ai aussi un peu de mal a croire que le pipe ne soit pas obStructif (au moins en terme d’accessibilitĂ©… et de respect des normes) ^^’ !

    Cela dis l’article reste intĂ©ressant :)

    ps : le lien ne marche pas ;)

    • Répondre Citer #3 par Lionel Roux le 14 mars 2010 - 21:38

      J’ai rĂ©parĂ© le lien.

      En effet, du point de vue de l’accessibilitĂ©, je pense que c’est pas top. Reste que ca se dĂ©grade bien visiblement. C’est expliquĂ© dans la doc.

      @+

(Ne sera pas publié)
  1. Pas encore de trackback.