septembre 16, 2019+33652987474hello@julienvennin.com

L’attribut target et le dom strict

Home / Design Web / Accessibilité / L’attribut target et le dom strict

Doit-on ouvrir les liens dans une nouvelle fenêtre ou non ? J’ai déjà tenté de répondre à cette question via un article traitant de la façon la plus ergonomique pour ouvrir les liens.

Mais suite à une demande d’un collègue du marketing, j’ai du revenir sur cet article et admettre que parfois on pouvait avoir des cas particuliers.

Ce cas particuliers, concerne les sites e-commerce ou vous devez coute que coute amener vos visiteurs vers la conversion. Dans ce cas de figure, mieux vaut qu’il ne quitte pas la page avec tous vos produits ou fiche produit pour se perdre sur une autre page qu’il l’emmènera encore ailleurs mais jamais vers le panier. Donc dans ce cas, l’ouverture de lien dans une nouvelle fenêtre est judicieux.

J’ai donc recherché une alternative pour rendre valide l’action d’ouvrir un lien dans une nouvelle fenêtre en utilisant le dom XHTML Strict 1.0 et elle existe.

Techniques :

Ajouter l’attribut rel= »nomDuFichierJavascript »

Créer un fichier js:

function externalLinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++) { var anchor = anchors[i]; if (anchor.getAttribute("href") &amp;amp;amp;amp;amp;amp;amp;amp;&amp;amp;amp;amp;amp;amp;amp;amp; anchor.getAttribute("rel") == "external") anchor.target = "_blank"; } } window.onload = externalLinks;

Sources :

http://www.floatthatbox.com/articles/target-blank.php

http://blogs.sitepoint.com/standards-compliant-world/

http://www.ultra-fluide.com/ressources/xhtml/target.htm

Recommended Posts
Contact Me

I'm not around right now. But you can send me an email and I'll get back to you, ASAP.