Discussion :

[Capitain_jupi]

Bonjour, j'ai une boucle qui rajoute différent DIV à ma page principale.

je souhaite ajoute à ces div un bouton qui cachera la div à laquelle il appartient
pour ça je procède de la manière suivante.

je rajoute un id à la Div en construction qui prend comme valeur l'indice de la boucle :

Code :

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

1
2
3
 
var unTweet = document.createElement('div');  
unTweet.id = i;

ensuite je rajoute un bouton

Code :

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

1
2
3
var bouton = document.createElement('input');
		 bouton.type = "button";
		 bouton.onclick = function(){cacherMessage(i);};

et dans la fonction cacher message je cache la div

Code :

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

1
2
3
4
5
6
7
 
 
function cacherMessage(ind)
{
	alert(ind);
	document.getElementById(ind).style.display = 'none';
}

seulement dés que i est changé c'est toutes les attributs onclick qui sont changé Oo. et donc à chaque fois c'est la div qui correspond à la dernière valeur de i qui est caché !
Je ne vois pas pourquoi, quelqu'un pourrait m'aider ?

[marcha]

Salut,

Il te faut passer une copie de i dans ton gestionnaire d'évènement.

Code :

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

1
2
3
4
 
bouton.onclick = function(index) {
  return function() { cacherMessage(index); };
}(i); // appelle la fonction englobante et lui passe i en paramètre, cette fonction retourne une fonction qui sera associée au onclick. la fonction interne a accès à index

Etudie les fonctions anonymes et les closures pour comprendre ça.

++

[rapanui]

pourquoi pas utiliser jQuery ?

Code :

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

1
2
 
$(this).parent().hide();