Question

Hi I’m currently experimenting with Raphael JS 2 and have produced a nice circle of paths but after much searching cannot figure out how to implement a hover event on these paths to change the color…

http://jsfiddle.net/goosefat/HYmd2/

Answer 1

This fiddle changes a bit the way you set the hover functions. If that’s not what you want, please explain.

http://jsfiddle.net/vzkxC/1/

Raphael’s documentation http://raphaeljs.com/reference.html#Element.hover says you can pass the context of the hoverIn and hoverOut functions as third and fourth parameters (in my example they’re both cItem). These are the values of the this inside the callbacks.

Of course, you could move the hoverIn and hoverOut functions to an appropriate scope (out of the for loop)