Nous allons plutôt utiliser Jquery, une bibliothèque javascript puissante et utilisée..." /> Nous allons plutôt utiliser Jquery, une bibliothèque javascript puissante et utilisée..." /> Nous allons plutôt utiliser Jquery, une bibliothèque javascript puissante et utilisée..." />
Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

Détecter automatiquement les liens externes pour les ouvrir dans un nouvel onglet

- Auteur : Brunofaisart

Pour éviter d'utiliser le HTML qui force l'ouverture de chaque lien vers un nouvel onglet en utilisant le code HTML suivant dans le <HEAD> du code :

<base target="_blank"> 

Nous allons plutôt utiliser Jquery, une bibliothèque javascript puissante et utilisée en standard par Overblog.
La petite fonction ci-dessous à placer juste avant la balise </BODY> de votre code HTML de thème, va repérer automatiquement les liens qui renvoeint vers un autre site internet ou blog et les ouvrir dans un nouvel onglet.
Pour vos liens, dits internes, c'est à dire qui dirigent vers un article ou page de votre blog, on restera dans le même onglet.

La fonction à ajouter :

<script type="text/javascript">
    	$(document).ready(function() {
				$('a').filter(function() {
					return this.hostname && this.hostname !== location.hostName;
				}) .attr("target","_blank");
		});					
</script>			

Les commentaires...

comments powered by Disqus

Commentaires anciens formats...

René Hammoudi 14/12/2012 10:11

Bonjour,c'ent encore moi.
C'est pour ajouter les remarques suivantes:
- Les liens (SITES AMIS) sont affichés uniquement sur le dernier article même avec Internet Explorer dernière version sous Windows Vista avec mises a jour régulières.
-Les liens internes sont ouverts dans un nouvel onglet (Déjà dit).
Je vous remercie pour vos éventuelles réponses.

René Hammoudi 13/12/2012 09:50

La petite fonction ci-dessous à placer juste avant la balise de mon blog en code HTML de thème, va repérer automatiquement les liens qui renvoient vers un autre site internet ou blog et les ouvrir dans un nouvel onglet.
Pour les liens, dits internes, c'est à dire qui dirigent vers un article ou page de mon blog, on restera dans le même onglet.
$(document).ready(function() {
$('a').filter(function() {
return this.hostname && this.hostname !== location.hostName;
}) .attr("target","_blank");
});

Et bien, même les liens internes sont ouverts dans un autre onglet ! Il y a quelque part une erreure dans le code ou peut être ce n'est pas adapté pour le thème Full Moon ?

menasx 06/12/2012 12:05

marche pas ton truc

Nadine Quinn 27/08/2012 20:11

Bonjour,
J'ai fait comme tu l'écris, mais je n'ai pas vu de différence en ouvrant mon blog
Peux tu m'expliquer pourquoi ?
J'ai ajoute un code de Google Analytics mais je suis étonnée de le trouver sur le blog et pas en mémoire cache dans HTLM

Les 10 derniers Billets

Related Posts Plugin for WordPress, Blogger...