dynamically changing events (little help, or some thoughts)

Elo,
I prolly have a solution, but I’m just wondering perhaps someone might
come up with some idea’s..

I’m trying to add events on a div selected by and id.

[CODE]<div id=”test1″></div>
<div id=”test2″></div>
etc..[/CODE]

The ID’s, in this example the divs, are in an array

[CODE]
array = new Array();
array[0] = “test1”;
array[1] = “test2”;
etc..[/CODE]

I have several functions, one for example

[CODE]function test_func(id) {
alert(id);
}
[/CODE]

now i iterate over the id’s to see if they are present, and if so, add an onclick event

[QUOTE]

for(i = 0; i<array.length; i++) {
if(document.getElementById(array[i]) !== null)
document.getElementById(array[i]).onclick = function () { test_func(i) };
}

[/QUOTE]

now the thing is, when i click on a div, i get of course the last number “i” has been, 3. It will always be three, i was just wondering if there is a thing in JavaScript where i can sort of “save” the different id’s in the function “test_func”

As you might have noticed, I’m just starting to get a grip on JavaScript, or at least I’m trying to get the grip ? ..

What i could try is create objects for every div element with an ID i have to inject with events, put the needed functions in an array inside the object, and they can retrieve the necessary variable info from the object .. dunno, just a thought ..

Hope it makes sense,
Cheers

Also in #JavaScript _↴