Discussion :

[sebac]

Bonjour je crée des div dynamiquement auxquels j'attribue un label mais je veux pouvoir récupérer le label de chaque div créé grâce à createTextNode pour pouvoir exécuter la fonction series en fonction justement de mon label. voici le code qui me permet de créer mes div et de planifier l'évènement qui devra être exécuté lorsqu'on clic sur l'élément li

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
18
19
20
21
22
23
24
25
26
for (i=0;i<items.length;i++)
		{
				//alert (items.item(i).firstChild.data);	
		// création des nouveaux noeuds
			var nouveauLi = document.createElement('li');
			var nouveauDiv = document.createElement('div');
			var nouveauLabel = document.createTextNode(items.item(i).firstChild.data);
 
			 // lui donne un attribut class appelé cliquable défini dans le css  
			 nouveauDiv.setAttribute("className", "cliquable");//pour IE
			 nouveauDiv.setAttribute("class", "cliquable"); //pour ff
			 /*Il n'est pas nécessaire d'ajouter une détection du navigateur ci dessus, le 
			 code non compris par chacun des navigateurs ne générant pas d'erreur.*/
 
			 //sur clic des div créés appel de la fonction de création des séries
			 nouveauLi.onclick = function(){series(4)};//ie et ff
			 //nouveauDiv.setAttribute("onclick","series("+4+");");//que sur ff
 
			// raccord des noeuds
			nouveauDiv.appendChild(nouveauLabel);
			nouveauLi.appendChild(nouveauDiv);
			var insertAvantMoi=document.getElementById('series');
			var parentUl=insertAvantMoi.parentNode;
			parentUl.insertBefore(nouveauLi, insertAvantMoi);
 
		}

quelque soit le nouveauLi cliqué c'est la fonction series(4) qui est déclenchée or je voudrai récupérer le texte ou label de mon div pour déclencher le bon bout de code dans ma fonction series avec un switch case. comment dois-je alors faire pour avoir ce fameux label, texte ou intitulé de mon div?
Merci

[emmanuel.remy]

Salut,

Pourquoi ne pas faire :

Code :

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

nouveauLi.onclick = function(){series(nouveauLabel.data)};

ERE

[Auteur]

bonjour,

pour ton problème voici l'explication :
http://javascript.developpez.com/faq...lick.dynamique


en passant pourquoi tu te casses la tête avec setAttribute

Code :

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

1
2
3
 
nouveauDiv.setAttribute("className", "cliquable");//pour IE
nouveauDiv.setAttribute("class", "cliquable"); //pour ff

écris directement :

Code :

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

1
2
 
nouveauDiv.className = "cliquable";

[sebac]

cette méthode récupère toujours le même label en l'occurrence le label du dernier div et ceci quelque soit le div sur lequel s'effectue le clic du coup ça ne marche pas comme ça devrait

[sebac]

je ne me suis pas apperçu du message d'Auteur avant de poster mon précédent message mais quand je lis le code que tu me proposes, je comprends que tout ce joue là

Code :

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

MonDiv.indice=i;

sauf que je me pause la question de savoir à quoi correspond indice est-ce un attribut de Dom comme innerHTML?

[Bovino]

Non, il s'agit simplement d'une propriété d'objet JavaScript que tu crées juste pour stocker une valeur (ici, la valeur du compteur au moment de l'affectation).

[emmanuel.remy]

Salut,

Mille excuses, faute d'attention j'ai écrit une énormité...

Code :

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

nouveauLi.onclick = function(){series(nouveauLabel.data)};

C'est effectivement le dernier label que tu obtiendras (techniquement javascript garde une référence sur la variable nouveauLabel d'où ce comportement). Il faut donc réussir à découpler cette variable, ce qui se fait par exemple ainsi:

Code :

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

1
2
3
4
5
6
 
 nouveauLi.onclick = (function(label){
                         return function () {
                             series(label.data);
                         };
                     })(nouveauLabel);

Bon dev,

ERE