Discussion :

[EddyM4P]

Bonjour, je souhaiterai récupérer la source d'un événement au clic sur un élément d'une liste pour ensuite traiter des données, mais je ne sais pas trop comment faire.
J'ai regardé un peu à droite à gauche sur internet, en trouvant des bout de code javascript qui me semblent corrects, il me reste plus qu'à trouver la solution pour passer un paramètre dans une fonction avec addEventListener.

Pour cela je dispose du code HTML suivant :

Code html :

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

1
2
3
4
5
<ul>
      <li id="time0"><p>6 trimestres</p><p>18 mois</p></li>
      <li id="time1"><p>8 trimestres</p><p>24 mois</p></li>
      <li id="time2"><p>10 trimestres</p><p>30 mois</p></li>
</ul>

Et le javascript qui va avec :

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
document.getElementById('time0').addEventListener('click', getTimeRow); //Que mettre ici?
document.getElementById('time1').addEventListener('click', getTimeRow);
document.getElementById('time2').addEventListener('click', getTimeRow);
function getTimeRow(event) {
	event = event || window.event; //pour la compatibilité avec IE
	var elem = event.target || event.srcElement; //pour la compatibilité avec IE
	var timeRow = 0;
	if (elem.id == "time1") {
		timeRow = 1;
	} 
	else {
		if (elem.id == "time2") {
			timeRow = 2;
		}
	}
        console.log(timeRow);
}

Je sais que ça fonctionne avec :

Code html :

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

<li id="time1" onclick="getTimeRow(event);"><p>8 trimestres</p><p>24 mois</p></li>

Mais ce n'est pas ce que je veux, d'ailleurs j'obtiens parfois une valeur qui ne correspond pas à l'élément de la liste ciblé, est-ce qu'il y aurait une erreur dans mon javascript?


Bref j'ai essayé ça :

Code :

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

document.getElementById('time0').addEventListener('click', getTimeRow(event));

Mais ça ne marche pas.


Si quelqu'un a une solution je suis preneur, merci d'avance !

[melka one]

jour

pour mettre des parametres il faut utiliser une fonction annonyme

Code :

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

document.getElementById('time0').addEventListener('click',function(event){getTimeRow(event)});

et petite precision on ne peut retirer un evenement ajouté avec un fonction annonyme du fait justement qu'elle n'a pas de nom


maisi comme il s'agit du parametre event il est implicitement declaré il n'est donc pas utile de le preciser donc la syntaxe est bonne

Code :

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

document.getElementById('time0').addEventListener('click', getTimeRow);

essai avec currentTarget plutot que target et aussi tu fais un teste pour savoir si le navigateur est internet explorer <=8 mais ce teste est inutile car la syntaxe pour ie <=8 utilise pour l'ajout d'evenement attachevent

et aussi tu a peut etre aussi un probleme de propagation d'evenement