Aug
21
2009
JQuery // MooTools

External Opener : ouvrir les liens dans un nouvel onglet en XHTML Strict

Comments 6 commentaires • Rédigé par

Je vous avais déjà parlé, dans un précédent article, d'une manière d'ouvrir un lien dans un nouvel onglet en XHTML strict. Vu le succès (relatif) de ce petit script, j'ai décidé de vous les publier ici. Vous n'aurez ainsi plus qu'à les utiliser sur votre site, en les incluant à la fin de votre balise head.

N'hésitez pas à utiliser ce script sur tous vos projets, ainsi qu'à me faire part de toutes vos suggestions d'optimisation.

Par ailleurs, si certains d'entre vous ont une version avec un autre framework, n'hésitez pas à me contacter. Je la rajouterai dans cette liste.

Tags: , , ,

Related Posts

6 Comments + Add Comment

  • ChoiZ 09/07/2009 at 12:55

    Tu peux tout faire avec une regex :P

    var regEx = new RegExp("^http://");
    var regEx2 = new RegExp("^http://(www.)?" + siteUrl);

    :)

    Reply
  • ChoiZ 09/07/2009 at 12:19

    Merci de penser à moi :P

    Voilà ta version jQuery ;)

    $(document).ready(function(){
    $("a[href*='http://']:not([href*='"+location.hostname+"'])").attr("target","_blank");
});
    Reply
  • Jonathan Petitcolas 09/08/2009 at 00:22

    Merci beaucoup de ta participation ! Ta version est rajoutée. :)

    Par contre, je n'ai pas compris ton deuxième commentaire ? :s

    Reply
  • ChoiZ 10/24/2009 at 11:52

    Le deuxième commentaire veut dire la ligne :

    var regEx = new RegExp...

    Et la ligne :

    var regEx2 = new RegExp...

    Peuvent être sur la même ligne qui vérifie : si ça commence par http et | ou si il y a http + www + siteUrl. ;)

    Reply
  • Maitre de Dieu 10/31/2009 at 14:03

    Salut et merci à toi pour ton code !

    J'ai pris la version JS pur vu que je n'utilise pas de framework pour le moment.

    Reply
  • Comète 09/03/2010 at 07:39

    Bonjour,

    j'ai "remixé" la solution en full javascript présentée ci-dessus avec celle du site alsacreation.com qui permet au final de ne pas utiliser target="_blank". J'ai ajouté le support des liens https et une classe "lien_ext" pour permette de personnaliser ces liens via le CSS.

    Si ça vous intéresse, j'ai rédigé un petit article à ce sujet ici: http://gerard.geekandfree.org/blog/2010/09/02/ouvrir-les-liens-externes-dans-un-nouvel-onglet-en-xhtml-str/

    Reply

Leave a comment