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