Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Overblog : découvrir et utiliser la nouvelle plate-forme

La nouvelle plate-forme Overblog : utiliser, créer, publier...

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

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>			
    
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
R
Bonjour,c'ent encore moi.<br /> C'est pour ajouter les remarques suivantes:<br /> - 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.<br /> -Les liens internes sont ouverts dans un nouvel onglet (Déjà dit). <br /> Je vous remercie pour vos éventuelles réponses.
Répondre
R
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.<br /> 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.<br /> $(document).ready(function() {<br /> $('a').filter(function() {<br /> return this.hostname &amp;&amp; this.hostname !== location.hostName;<br /> }) .attr(&quot;target&quot;,&quot;_blank&quot;);<br /> }); <br /> <br /> 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 ?
Répondre
M
marche pas ton truc
Répondre
N
Bonjour,<br /> J'ai fait comme tu l'écris, mais je n'ai pas vu de différence en ouvrant mon blog<br /> Peux tu m'expliquer pourquoi ?<br /> 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
Répondre