Ecouteur sur des liens

Version imprimable

Bonjour,

Je souhaite que mon script affiche l'alerte "clic sur un lien" voire idéalement "clic sur #lien1", "clic sur #lien2" ... selon le lien cliqué...
Comment faire avec mon script ?!
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <a href="#lien1">je clique ici</a> <a href="#lien2">Je clique la</a> <a href="#lien3">Je clique la bas</a> <script type="text/javascript"> var elements = document.getElementsByTagName("a"); alert(elements); elements.addEventListener('click', function(event) { alert("Clic sur un lien !!!"); }, false); </script>
Merci d'avance pour vos lumières ;)

25/02/2012, 11h30
Bovino

Dans ton script, elements est une collection d'éléments HTML, or une collection, c'est pas la même chose qu'un element et comme la méthode addEventListener() s'applique à un élément, ben du coup ça marche pas.
25/02/2012, 12h12
popy67

Merci ^^

Citation:

Envoyé par popy67

Je souhaite que mon script affiche l'alerte "clic sur un lien" voire idéalement "clic sur #lien1", "clic sur #lien2" ... selon le lien cliqué...

C'est néanmoins possible (ici en jQuery) :

Code:

1
2
3
4
5
6
7
8
9
10
11
<!-- Script initialisation jquery -->
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("a").click(function() {
	//	(au choix :)
	//	alert('Clic sur "'+$(this).attr('href')+'"');	// affiche : Clic sur "#lien1"
		alert('Clic sur "'+$(this).html()+'"');		// affiche : Clic sur "je clique ici"
	});
});
</script>

Code:

1
2
3
<a href="#lien1">je clique ici</a>
<a href="#lien2">Je clique la</a>
<a href="#lien3">Je clique la bas</a>

tout simplement tu dois utiliser une boucle qui fait le parcours de tout les elements :

Code:

1
2
3
               var elt = document.getElementsByTagName("a");
                for(var i = 0; i < elt.length; i++) {
                        elt[i].addEventListener("click", function() {alert(this.innerHTML); return false;}, false);