Détecter si un lien va être ouvert dans une nouvelle fenêtre / onglet

**mapmip** · 12/08/2016, 10h47

salut,

je souhaite savoir si un utilisateur clique sur un lien de facon normale ou
s'il l'ouvre dans une nouvelle fenetre/onglet

En fonction de ca j'active un code javascript différent !

Merci d'avance

**SpaceFrog** · 12/08/2016, 11h12

Tu ne pourrais éventuellement que récupérer l'attribut target du lien.

Sinon si il passe par l'ergonomie du navigateur son navigateur "ouvrir dasn un nouvele onglet " "nouvelle fenetre" ... ou click milieu de souris tu ne peut pas l'intercepter à ma connaissance.

**eleydet** · 12/08/2016, 18h09

En voilà, un petit défi! La solution ci-dessous passe par un cookie...

La première page, nommée index.html par exemple :

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
29
30
31
32
<!DOCTYPE html>
<html>
 
<head>
<meta charset="utf-8">
<script>
 
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
 
function eraseCookie(name) {
	createCookie(name,"",-1);
}
 
eraseCookie('ouvre');
createCookie('ouvre','onglet',4);
 
</script>
</head>
 
<body>
<a href="page.html" onclick="eraseCookie('ouvre');createCookie('ouvre','normal',4);">OK</a>
</body>
 
</html>

Et la deuxième page, nommée page.html :

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
<!DOCTYPE html>
<html>
 
<head>
<meta charset="utf-8">
<script>
 
function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
 
alert(readCookie('ouvre'));
 
</script>
</head>
 
<body>
La page...
</body>
 
</html>

Détecter si un lien va être ouvert dans une nouvelle fenêtre / onglet

JavaScript

Vue hybride

Discussions similaires

Partager

Partager