Bloquer les liens sur une page [Débutant(e)] [Résolu]

[dré kam]

Salut à tous!
Je viens de commencer à apprendre le JavaScript et je fais des exercices assez "élémentaires". Voila je fais un code pour afficher une alerte à chaque fois qu'on clique sur un lien, mais les liens fonctionnent toujours.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
window.onload=initAll();
 
function initAll()
{
	var a = document.getElementsByTagName("A");
 
	for(var i=0;i<a.length;i++)
		a[i].onclick=lock();
}
 
function lock()
{
	alert("AW! That hurt!");
	return false;
}

Merci pour votre aide.

[rotrevrep]

bonjour

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
function initAll()
{
var a = document.getElementsByTagName('a');
for(var i=0;i<a.length;i++)
	{
	a[i].href="";
	a[i].addEventListener("click",lock,false);
	}
}
function lock()
{
alert("toto");
}

ceci fera que chaque lien n'aura plus d'url.

[dukej]

Ouais mais ce n'est pas la solution. Tu aurais du faire un e.preventDefault() dans lock. :o


Pour répondre à notre cher ami, l"erreur qu'il fait est qu'il exécute immédiatement sa fonction lock, alors qu'il doit juste la passer en reference.
Supprime les () sur lock(), afin de n'avoir que la référence à cette fonction et ton problème sera réglé.



La solution propre c'est plutôt un eventlistener sur le document :o

Code :

1
2
3
4
5
6
 
document.documentElement.addEventListener(function(e) {
    if(e.target.nodeName == "a") {
         e.preventDefault();
    }
});

[dré kam]

Merci pour vos réponses