Emuler un target="_blank"

Version imprimable

Bonjour :)

Pour mon site personnel, je désire pour les liens externes qu'une nouvelle fenêtre puisse s'ouvrir afin que l'utilisateur ne le quitte pas aussi rapidement :mouarf:

En fouillant un peu, j'ai trouvé un article, très bien expliqué dont voici le lien.

J'ai crée un fichier Js avec ce contenu:
Code:

1 2 3 4 5 6 7 8 9 (function(){ for(var anchorList=document.links,myhost=window.location.hostname,i=0,anchor;anchor=anchorList[i];i++){ if(anchor.hostname!=myhost){ anchor.target='_blank'; } } } ) ();
Pour le code html c'est:

Code:

<script src="scripts/ls_target.js" type="text/javascript"></script>

Je pensais que cela pouvait suffire mais malheureusement, mes liens s'ouvrent toujours dans la même fenêtre. D'après l'auteur de cet article, ce script est compatibles pour tous les navigateurs et à l'avantage en cas ou le client désactiverai le javascript d'accéder quand même à la ressource demandée.

Qu'en pensez-vous ? Est-ce que je m'y suis mal pris ? :aie:

:merci:

18/01/2008, 13h07
SpaceFrog

tu la lances quand cette fonction ?

Salut,

je te donne le code que j'utilise, il a l'avantage de ne créer un
target blank que sur les liens qui ont une classe spécifique.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
var BLANK_CLASS = 'ext'; // class a utiliser pour détecter les liens externes
 
function makeTarget() {
	var liens = document.getElementsByTagName('A');
	for(var i=0;i<liens.length;i++) {
		var e = liens[i];
		if(e.className==BLANK_CLASS) {
			e.setAttribute('target', '_blank');
		}
	}
}
 
function addEvent(obj, evType, fn) {
	if (obj.addEventListener){
    	obj.addEventListener(evType, fn, true);
		return true;
	} else if (obj.attachEvent){
		var r = obj.attachEvent("on"+evType, fn);
		return r;
	} else {
		return false;
	}
}
 
addEvent(window, 'load', 
  function() { makeTarget(); }
);

18/01/2008, 13h11
Olivier Regnier

Ok merci bien pour ton code, je vais le tester.

:merci:
18/01/2008, 13h12
SpaceFrog
on peut aussi ajouter un onclick à tous les links de la page ...
sasn avoir recours à des usines à gaz ...
Code:

1 2 3 4 5 6 7 function allLinksOpeninNewWindow(){ var TabLinks=document.links; for(i=0;i<TabLinks.length;i++){ Tablinks[i].onclick=function(){window.open(this.href); return false;} } }
Et à priori (j'ai pas testé) cette focntion lancée dasn le onlaod de la page devrait suffire ...

sinon il y a un attribut de la balise body base si ma mémoire est bonne ...
base="_blank" devrait aussi faire l'affaire

heu non c'est pas un attrib c'est une balise à coller dasn le haed

Code:

<base target="_blank" />

qui n'a cependant pas l'air de fonctionner sous FFX ...

ou en reprenant l'idée du taget

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script type="text/javascript">
function AlterLinks(){
var TabLinks=document.getElementsByTagName('a');
for(i=0;i<TabLinks.length;i++){
 TabLinks[i].target="_blank";
  }
}
</script>
</head>
 
<body onload="AlterLinks();">
<a href="about:blank">lkjlkj</a>
</body>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript">
function AlterLinks(){
  var TabLinks=document.getElementsByTagName('a');
  for(i=0;i<TabLinks.length;i++){
    if (TabLinks[i].href.substr(0,7)=='http://')
      TabLinks[i].target="_blank";
  }
}
</script>
</head>
 
<body onload="AlterLinks();">
<a href="about:blank">lkjlkj</a>
</body>

En reprenant ton code, spacefrog, j'ajoute l'utilisation du

18/01/2008, 17h06
SpaceFrog

oui bien vu dingtoh, j'avais zappé "lien externe" :oops:
18/01/2008, 17h30
Candygirl

Citation:

Emuler un target="_blank"

Si c'est ton site perso dans ta signature tu peux utiliser le target="_blank" puisque tu as un doctype transitionnel...

Autrement je trouve cet article sympa autour du sujet entre l'interraction choix du doctype/target _blank