Dynamiczne wstawianie onclick Opcje

[tommyexlee]

Witam,
Mam problem z dynamicznym wstawianiem onclick.

HTML:

[HTML] pobierz, plaintext 
<button onclick="klik();">Klik</button>
<div class="asd">
  <div class="akodp_1">
    Klik1
  </div>
  <div class="akodp_1">
    Klik2
  </div>
  <div class="akodp_1">
    Klik3
  </div>
</div>
[HTML] pobierz, plaintext 

java script:

[JAVASCRIPT] pobierz, plaintext 
function klik(){
   alert('włączono klik'); // alert 1
   divs = document.getElementsByClassName('akodp_1');
   alert(divs.length); // alert 2
   for(var i=0;i<divs.length;i++) {
     alert(i); // alert3
     divs[i].onclick=function () {alert('cos' + i);}
   }
}
[JAVASCRIPT] pobierz, plaintext 

Wstawiłem wszystko tu: http://jsfiddle.net/854Vc/2/

alert 1 pokazuje, że klik działa
alert 2 pokazuje 3 - znaczy że wykrywa 3 divy
alert 3 pokazuje 0, 1, 2 - znaczy każdy z divów jest obsługiwany osobno

Dlaczego w takim razie po kliknięciu na każdy z divów pojawia się alert: "coś3", a nie "cos0", "cos1", "cos2"?

Dziękuję z góry za pomoc.

Pozdrawiam,
Tomek

Ten post edytował tommyexlee 25.06.2014, 12:25:13

[markuz]

Po kliknięciu uruchamiasz pętle (która wykona się zapewne w kilka ms). Po czym zmienna i przymuje wartość 3. Przy kliknięciu w któregokolwiek div-a wyświetlasz i.
PS. u siebie korzystaj z console.log (Jeżeli tego nie robisz).

Spróbuj tak: http://jsfiddle.net/854Vc/3/

Ten post edytował markuz 25.06.2014, 12:47:42