Discussion :

[jd440]

Bonjour à tous,

j'utilise un event .onclick pour lancer un scirpt.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var boutons = document.querySelectorAll(".boutons");
window.addEventListener("load",function(){
	var myFunction = function(event) {
 
		var myElement = event.target; 
		console.log('href'+myElement.href);
		window.open(myElement.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');
		[..]]
 };  
 
    for(var i=0;i<boutons.length;i++){
        boutons[i].onclick = myFunction;
    }
}, false)

Le souci est qu'en plus de cette fonction je souhaite ouvrir le lien dans un popup.
j'ai tenté le classique
<a href="http://www.example.com" onclick="fonction(this.href);return false;">
mais sauf erreur de ma part celui-ci est finalement récrit dans le script et donc ne fonctionne pas.

J'ai aussi essayer de l'inclure direct dans mon script, mais dans ce cas. il ouvre la popup, mais en plus redirige la page principale.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var boutons = document.querySelectorAll(".boutons");
window.addEventListener("load",function(){
	var myFunction = function(event) {
 
		var myElement = event.target; 
		console.log('href'+myElement.href);
		window.open(myElement.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');
		[..]]
 };  
 
    for(var i=0;i<boutons.length;i++){
        boutons[i].onclick = myFunction;
    }
}, false)

Donc comment pourrais je faire pour n'avoir que la popp, sans la redirection, tout en gardant un lien accessible à ceux ayant désactivé js.

Merci

[jd440]

Et voilà
Il le manquais:
event.preventDefault();

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
	var myFunction = function(event) {
 
		var myElement = event.target; 
		var pop = function(myElement) {
			event.preventDefault();
			window.open(myElement.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');
		}
		pop(myElement);
		myElement.className = myElement.className + " done";
		var support = myElement.dataset.support;
		[...]
	}