[SOLVED] Using function with onclick problem

[fry2010]

I dont no if this is a commen problem, but I have a function im calling inside a loop that is causing problems.

 

I can get it to work one way, but the way I need it to work doesnt.

 

This works:

 

    for(i = 0; i < array_length; i++)
    {
      link = document.getElementById(response[i]);
      link.onclick = self.challenge;     // SENDS TO FUNCTION BELOW
    }

    this.challenge = function()
    {
      var self = populate_arena;
      alert('OK');
    };

 

This works correctly, when I click on the element, the alert pops up 'OK'.

 

But when I try to send a value to the function such as the id of the element, the alert pops up straight away as it cycles through the loop. I dont even click on the element and it does it.

This is what I mean:

 

    for(i = 0; i < array_length; i++)
    {
      link = document.getElementById(response[i]);
      link.onclick = self.challenge(response[i]);    //NOW I PASS IT A VALUE..
    }

    this.challenge = function(str)
    {
      alert(str);
    };

 

what am I doing wrong?