Discussion :

[popy67]

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 :

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

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

[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.

[popy67]

Merci ^^

[Invité]

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 javascript :

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

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 html :

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

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>

[molo1987]

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

Code :

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

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