Discussion :

[Babacooll]

Bonjour tout le monde

J'ai un petit problème que je n'arrive pas à résoudre en javascript. J'vous explique schématiquement, j'ai une fonction dans laquelle j'ai une boucle qui fait varier i de 0 à 10. Dans cette boucle je fais deux choses :

• alert(i);
• Je crée un div que je place dans ma page avec un onclick = function() { alert(i); }

Or lorsque je fais tourner le script, j'ai bien 10 popup qui s'ouvrent au chargement de 0 à 10 et j'ai bien 10 div créés. Mais quand je clic sur ces div, j'obtiens sur chacun de ceux-ci une popup m'affichant 10 alors que je souhaitrai que le premier m'affiche 1, le deuxième 2, ...

Voici le code schématique :

Code :

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

1
2
3
4
5
6
7
8
9
function truc() {
for(i=1;i<=10;i++) {
   alert(i);
   var monDiv=document.createElement('div');
   monDiv.onclick = function () { alert(i); }
   document.appendChild(monDiv);
}
 
}

Merci ;-)

[Eric2a]

Salut,

Un peu de lecture Usage avancé des fonctions JavaScript : Renvoi de fonction

[NoSmoking]

Bonjour,
il existe également dans la Comment attribuer à des objets un onclick faisant appel à une variable de boucle ?