I have a loop that creates multiple divs, and assigns each one it's own id and positioning on the page. Everything is working fine here.

However, I need to have a different onmouseover for each div (I'm going to be using an ajax call inside each onmouseover that pulls a different url depending on the div that you have pointed at)

Here is the snippet of code that I used to add the onmouseover attribute to each div. This section of code is inside a larger loop, so the "div" variable is a unique div on each iteration of the loop:


The str array is a collection of x and y coordinates that the script at star_name.php uses to determine what information needs to be displayed inside the div "label_texter" in the ajax call. If you are not familiar with the mootools framework, you can ignore most of the code inside the function.

The real problem is that for some reason, all the div's created end up with the exact same thing within the url variable. Even though the str[0] and str[1] variables are changed on each iteration of the loop.

In fact, it seems as though they all end up with the last str array values in the loop.

I'm sure it has something to do with the function or something. not sure where to start fixing it.

Okay, I figured out what is happening: the function is being overwritten during each loop. So after the final loop, every onmouseover is calling a function that will output according to the last iteration of the loop.

So... How do I stop that from happening? (I mean, I know I can't stop javascript from overwriting, so how do I achieve what I'm trying to do?)

Since you can only assign one function to handle the event, you can just make a new function that calls the old one and the new one. You would need to get the old function from the div of course. Something like:

function() {
calloldone();
callnewone();
}

I'm not sure exactly how this would be done, post your results!

That's an interesting approach that would have probably worked, crazyjugglerdrummer.

What I did to solve the problem:

I changed the function to



I set the id of the div to be the x and y coordinates like so: id="234,1009"

Then in the star_name_pop() function I put this:



That got the job done.