Javascript pass arugments to mouseover function?

Question

I'm trying to set up distinct listeners for a list of objects:

for(i=0;i<numInputs;i++) {
    var inPort = inputPorts.get(i);
    var portName = inPort.getProperty("name");
    inPort.shape.attr({ cursor: 'pointer' }).mouseover(function(e) { mouseOverInfo.text("PORT:: "+portName); }); 
}

What's happening right now is that every port object is only getting the very last element's name as its own. So when I mouse over, I get returned only the last object's name.

How to do this properly?

Thanks

possible duplicate of [Javascript closure inside loops - simple practical example](http://stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example) — Felix Kling, Sep 09 '12 at 16:35

score 1 · Accepted Answer · answered Sep 09 '12 at 16:42

Use self-invoking function like this to avoid closure problem in loop:

for(i=0;i<numInputs;i++) {
  (function(i){
    var inPort = inputPorts.get(i);
    var portName = inPort.getProperty("name");
    inPort.shape.attr({ cursor: 'pointer' }).mouseover(function(e) { mouseOverInfo.text("PORT:: "+portName); }); 
  })(i)
}

Javascript pass arugments to mouseover function?

1 Answers1