javascript dynamic function problem

[chathura86]

 
            for (i = 0; i <= 30; i++)
            {
                var obj = 'date_' + i;
                document.getElementById(obj).onmouseover = function (event) { alert(i) };
            }
 

date_1, date_2, date_3, ........., date_30 are hyperlink with those ids

i have added the above javascript to show the date on mouse over but no matter which date I go mouse over, it shows 30, and when i set i <= 10 it shows 10
i think it shows the final value of i,

please help me to fix it.

Regards

[Dormilich]

what happened here is (in my opinion) that you incidentally run into a Closure. (this happens when you define a function inside another function or if events are incorporated) the interesting point is, that local variables (here i) are preserved.

[chathura86]

Thanks for the responce

any idea how to fix it?

[Dormilich]

e.g.

element.parameter = i;
element.onmouseover = function() { alert(this.parameter); }

some more advanced one

element.parameter = i;
var show = function() { alert(this.parameter); }
element.addEventListener("mouseover", show, false);
// or use the appropriate cross-browser solution