jQuery Open external link in new window
vendredi 1 juillet 2011
Voici une petite astuce pour ouvrir automatiquement tous les liens externes dans une nouvelle fenêtre avec la librairie jQuery, si ça vous interesse. Avec le code CSS, ça permet aussi d’ajouter une petite icône à côté des liens.
Voici le code Javascript :
$("a:not([href^='http://"+window.location.hostname+"/'])").attr("target", "_blank");
Et voici le code CSS :
#content a[href^="http://"] { padding-right: 14px; background: transparent url(images/popup.png) no-repeat center right; target-name: new; target-new: window; } #content a[href^="http://localhost"], #content a[href^="http://votredomaine.com"] { padding-right: 0; background-image: none; target-name: current; target-new: none; }
Si vous cherchez une autre solution sans jQuery, ce site propose une autre solution.