to pass argument to event handler

[fusillo]

My code pass a value of a variable to the event handler's argument by
means of eval statement

here's:

//statements setting evt
for (var i=0; i<evt.periodi.length; i++){
//evt.periodi is an array of objs
a=document.createElement("a");
a.onclick=eval('function (){ cancellaCal(' + evt.periodi.id_evt_cal
+ '); };');
a.appendChild(document.createTextNode("cancella"));
//another statements
}

Without eval trick evt.periodi.id_evt_cal is undefined within handler
function.
Is there a better solution?




Thanks
fusillo

 

[Lasse Reichstein Nielsen]

My code pass a value of a variable to the event handler's argument by
means of eval statement

here's:

for (var i=0; i<evt.periodi.length; i++){ ....
a.onclick=eval('function (){ cancellaCal(' + evt.periodi.id_evt_cal
+ '); };'); ....
Is there a better solution?

Since you need each function value to have different values for "i",
you need a different variable for each. The simplest way to achieve
that is to create a new scope using a function expression and call
it immediately:

a.onclick = (function(local){
return function(){ cancellaCal(local); };
})(evt.periodi.id_evt_cal);

/L

 

[fusillo]

Lasse Reichstein Nielsen ha scritto:

a.onclick = (function(local){
return function(){ cancellaCal(local); };
})(evt.periodi.id_evt_cal);

/L

your solution is very cool.
thanks for your help.

fusillo