Ici & Là

01 Société 02 Histoire 03 Science 04 Science fiction 05 SPIP 06 NTIC 07 Sondages 08 Divers
La meilleure façon de réaliser ses rêves est de se réveiller (Paul Valéry)

Accueil > NTIC > Ergonomie > Navigation : liens, TagClouds, Iframe, PoPup, ... > Liens spip_out ouvrants : Plugin « Liens explicites » de Tetue et Gaël (...)

Liens spip_out ouvrants : Plugin « Liens explicites » de Tetue et Gaël Chareyre ou « Lame Liens externes du Couteau suisse » ou « Plugin d’ARNO »

mercredi 18 mai 2016, par François Daniel Giezendanner

Notez cet article
1 vote

 Controverse

N’utilisez pas « la Lame Liens externes du couteau suisse » ou « le plugin d’ARNO » ! Jamais. Il n’y a aucune bonne raison, objective ou subjective, pour utiliser un tel outil. Les liens hypertextes qui ouvrent des fenêtres, c’est mal.

Mais...

  • au début vous expliquez aux gens à qui est destiné le site que, non, faut pas le faire, c’est mal ;
  • « oui mais pour nous c’est nécessaire », et de toute façon c’est comme ça ;
  • alors vous expliquez que c’est pas possible avec SPIP, il n’y a pas de raccourci pour le faire ;
  • et au final, le webmestre du site vous pourrit tous les articles avec des liens HTML codés en dur avec de splendides target=« _blank » à tout bout de champ.

Alors, dans le cas très exceptionnel où vous préférez renoncer à convaincre les gens plutôt que de vous faire un ulcère à force de tenter d’enseigner les bons usages, cet outil offre le compromis suivant : les liens hypertextes vers l’extérieur du site (spip_out dans le HTML) s’ouvrent dans une nouvelle fenêtre, mais :

  • automatiquement (c’est pas « une fois oui une fois non ») et sans code HTML dans les articles,
  • en Javascript, de façon à ne pas casser la compliance W3C (parce qu’en général, les gens qui veulent des liens ouvrants, sur leur papier, il y a aussi marqué que ça doit être compliant).

Mais si c’est un site pour vous, ou pour des gens sensibles à la nétiquette, n’utilisez pas« la Lame Liens externes du Couteau suisse » ou « le plugin d’ARNO ».

Si vous décidez d’enfreindre les règles de la W3C vous avez donc le choix entre « la Lame Liens externes du Couteau suisse » et « le plugin d’ARNO ».

Mais encore ...

... vous pouvez utiliser le Plugin Liens explicites de Tetue et Gaël Chareyre !


 Utiliser le HTML

Dans les cas où c’est absolument nécessaire, il faut saisir le lien en HTML, à la main, sans passer par un raccourci SPIP. Pour forcer l’ouverture d’un lien dans une nouvelle fenêtre, il suffit de lui ajouter l’attribut HTML target avec la valeur _blank, de cette façon :

<a href="page.html" target="_blank">Intitulé du lien (nouvelle fenêtre)</a>.

 Utiliser le HTML en explicitant l’ouverture d’une nouvelle fenêtre

Afin de lever toute ambiguïté, plusieurs auteurs proposent d’expliciter l’ouverture d’une nouvelle fenêtre comme suit :

<a href="page.html" target="_blank">Intitulé du lien (nouvelle fenêtre)</a>.

Exemple :

<a href="http://www.spip.net/fr_rubrique91.html" target="_blank">SPIP net : Site SPIP de référence (nouvelle fenêtre)</a>.

SPIP net : Site SPIP de référence (nouvelle fenêtre).


 Lame « Liens externes » du plugin « Couteau suisse »

Attention : l’activation de la Lame « Liens externes » du plugin « Couteau suisse » rend inopérante la fonction « POPUP HTML + Javascript » proposée dans l’article : POPUP en utilisant html et javascript.

dans le groupe de lames « Affichage public » (groupe d’outils qui modifient juste l’apparence des pages publiques) du plugin « Couteau suisse », on dispose déjà de la lame « Liens externes » dont la fonctionnalité est la suivante :

Liens externes  :


Cette fonctionnalité ouvre les liens externes au site dans une nouvelle fenêtre extérieure — cela revient à ajouter target="_blank" à toutes les balises <a> dotées par SPIP des classes spip_out, spip_url ou spip_glossaire.

Note : cette fonctionnalité utilise la librairie jQuery et voici son code :

$(document).ready(function(){
 $("a.spip_out,a.spip_url,a.spip_glossaire").attr("target", "_blank");
});

 Plugin Liens explicites (de Tetue et Gaël Chareyre)

Tetue et Gaël Chareyre ont créé le plugin « Liens explicites » qui permet d’ouvrir les liens externes du site dans une nouvelle fenêtre. Styles et pictos explicitent les liens du site : documents à télécharger, liens externes, mailto, etc. (avec ouverture possible en nouvelle fenêtre). Ainsi, ce plughin distingue visuellement les différents types de liens : documents à télécharger, liens externes, mailto, etc.

Ce plugin a pour avantage de traiter tous les liens de façon homogène, en respect des bonnes pratiques : « Les hyperliens de même nature ont des couleurs, des formes et des comportements identiques sur toutes les pages. »

  • Liens explicites (plugin)
    15 juin 2011 – par Gaël Chareyre, tetue
    Styles et pictos explicitant les liens du site : documents à télécharger, liens externes, mailto, etc. (avec ouverture possible en nouvelle fenêtre).
    Ce plugin remplace le plugin Liens sortants ouvrants.
    http://contrib.spip.net/Liens-explicites
  • Liens sortants ouvrants (plugin)
    10 août 2009 – par tetue
    Il suffit d’activer ce plugin pour que tous les liens externes du site s’ouvrent dans une nouvelle fenêtre. À éviter, car c’est une mauvaise pratique. Mais tant qu’à mal faire, cette contrib le fait bien, c’est-à-dire en avertissant l’internaute de ce comportement, améliorant un peu l’accessibilité déplorable des liens ouvrants.
    Cette première version du plugin, toujours fonctionnelle en SPIP 2, n’est plus maintenue car remplacée par cette nouvelle version : « Liens explicites ».
    http://contrib.spip.net/Liens-sortants-ouvrants

 Le Plugin d’ARNO « Liens spip_out ouvrants »


 Sources, discussions et Webographie sur Les liens ouvrant une nouvelle fenêtre

  • Liens explicites
    15 juin 2011 – par Gaël Chareyre, tetue – 21 commentaires
    Styles et pictos explicitant les liens du site : documents à télécharger, liens externes, mailto, etc. (avec ouverture possible en nouvelle fenêtre).
    http://www.spip-contrib.net/Liens-explicites
  • Une nouvelle fenêtre, si je veux !
    Olivier Miakinen
    0. Introduction, 1. Ouvrir un lien dans la même fenêtre, 2. Le bouton BACK, 3. Ouvrir un lien dans une nouvelle fenêtre, 4. L’attribut « target=« _blank » », 5. Conclusion
    http://www.miakinen.net/vrac/fenetre
  • L’attribut HTML target=« _blank » et les standards de validité W3C …
    Web Tolosa, mai 2008
    … plus moyen de faire ouvrir une page dans une nouvelle fenêtre avec un code XHTML1 Strict valide… C’était pourtant bien pratique ! Sans entrer dans les polémiques de spécialistes, il y a une petite astuce java script qui permet de contourner le problème « proprement » !
    http://www.webtolosa.com/2008/04/27/target_blank-et-w3c/
  • N’ayons plus peur du target blank
    Depuis que je créé des sites Web, j’ai toujours privilégié les liens qui s’ouvrent dans une nouvelle fenêtre (target= »_blank »).
    Sauf que j’ai changé radicalement d’avis et désormais je vais désormais laisser mes liens s’ouvrir selon le bon vouloir du visiteur.
    En fait, c’est toujours ce satané reflexe de préservation qui prime, laissant penser qu’il faut faire le maximum afin de conserver le visiteur sur son propre site.
    Laurent Bourrelly, Consultant SEO, Posté le lundi, 5 avril, 2010 à 17 h 00 min
    http://www.laurentbourrelly.com/blog/628.php
  • « target=_blank » n’est pas valide en doctype strict. Que faire ?
    Astuce par Raphael (Intégrateur du Dimanche, Strasbourg)
    Créé le 07 Janvier 2009, mis à jour le 27 Novembre 2012
    L’attribut target est une façon d’imposer une navigation aux visiteurs. Elle n’est pas acceptée par le W3C dans les versions strictes de HTML et XHTML. Elle fait par contre son retour dans HTML5 pour l’élément a car très utile en combinaison avec les <iframe> et les applications web.
    http://www.alsacreations.com/astuce/lire/19-target-blank-non-valide-doctype-strict.html
  • Ouvrir des liens externes dans une nouvelle fenêtre
    Nous allons voir dans ce tutoriel une méthode propre pour ouvrir les liens vers des sites externes au votre dans une nouvelle fenêtre. Il faut savoir que ce genre de pratique est plutôt déroutante pour l’utilisateur non expérimenté et particulièrement désagréable pour la navigation, elle n’est donc pas recommandée.
    Tutoriel par Raphael (Intégrateur du Dimanche, Strasbourg)
    Créé le 08 Avril 2005, mis à jour le 29 Octobre 2012
    http://www.alsacreations.com/tuto/lire/556-liens-externes-nouvelle-fenetre.html
  • Checklist bonnes pratiques e-mail
    ACTITO CLUB, Agile Marketing Automation
    avril 6, 2016
    Toujours ouvrir les liens dans une autre page
    http://www.actito.club/fr/