jQuery Open external link in new window

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.


About the Author

Ted Marklor est un web designer, un web developer et un génie de la nature. Transcendant le web depuis bientôt 15 ans, Ted est une source d’inspiration et de conseil pour toute une génération de jeunes programmeurs. Le Web 2.0, c’est lui. Dans la vie, il aime aussi faire des avions en papier, s’inventer des pseudonymes et une vie de winner, et surtout parler de lui à la troisième personne. Ça se fait en ce moment sur les blogs…


Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.