Emuler un target="_blank"

**Olivier Regnier** · 18/01/2008, 13h05

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

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 ?

**SpaceFrog** · 18/01/2008, 13h07

tu la lances quand cette fonction ?

**marcha** · 18/01/2008, 13h08

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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(); }
);

**Olivier Regnier** · 18/01/2008, 13h11

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

**SpaceFrog** · 18/01/2008, 13h12

on peut aussi ajouter un onclick à tous les links de la page ...
sasn avoir recours à des usines à gaz ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<base target="_blank" />

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

**SpaceFrog** · 18/01/2008, 13h22

ou en reprenant l'idée du taget

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**dingoth** · 18/01/2008, 15h26

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 18/01/2008, 17h06

oui bien vu dingtoh, j'avais zappé "lien externe"

**Candygirl** · 18/01/2008, 17h30

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

Emuler un target="_blank"

JavaScript

Partager

Partager