[JS] Dynamische tabellen met onclick event

[muis]

Ik ben hier al tijden bezig met een stuk code waar ik niet uit kom. Ik heb de code wat vereenvoudigd:

JavaScript:

function populate_table() {
  oTable = document.getElementById('mytable');
  
  for(i=0;i<10;i++) {
    var oRow = oTable.insertRow(oTable.rows.length);
    var oCell = oRow.insertCell(oRow.cells.length);
    oCell.onclick= function(){ do_alert(i);};
    oCell.innerHTML = "NR "+i;
   }
}

function do_alert(num) {
  alert(num);
}

de functie populate_table() voegt 10 rows toe aan een tabel waarbij een onClick event worden meegegeven. Het probleem is dat wanneer ik later op de TD in de tabel klik en dus het onclick event wordt aangesproken ik altijd het cijfer 10 terug krijg. Blijkbaar wordt niet de huidige waarde van i bij het aanmaken van het onclick event meegegeven maar echt de variabele i. Weet iemand hoe ik mijn "oCell.onclick" zo kan veranderen dat de huidige waarde van "i" wordt meegegeven?

[crisp]

Door een extra scope te creeëren:

JavaScript:

oCell.onclick= createAlertFunction(i);

//...

function createAlertFunction(i)
{
    return function(){ do_alert(i);};
}

[/code]

[P.O. Box]

misschien zo: (weet niet zeker):

JavaScript:

eval('oCell.onclick= function(){ do_alert(' + i + ');};');

[muis]

Edwardvb schreef op vrijdag 16 maart 2007 @ 15:29:
misschien zo: (weet niet zeker):

JavaScript:

eval('oCell.onclick= function(){ do_alert(' + i + ');};');

Deze heb ik al eerder geprobeerd ook maar werkte helaas niet

[muis]

crisp schreef op vrijdag 16 maart 2007 @ 15:29:
Door een extra scope te creeëren:

JavaScript:

oCell.onclick= createAlertFunction(i);

//...

function createAlertFunction(i)
{
    return function(){ do_alert(i);};
}

[/code]

Hee, dit is de oplossing !