Overblog Tous les blogs Top blogs Marketing & Réseaux Sociaux Tous les blogs Marketing & Réseaux Sociaux
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU
Overblog : découvrir et utiliser la nouvelle plate-forme

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

Publicité

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 :

Publicité
<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>			
    
Publicité
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