Question

I have a Raphael paper containing multiple sets. Each set has a rect, a path above the rect and two texts one of which is invisible and the other is inside the rect.
I wanted to change the cursor when mouse hovers over the entire rect (including the text). If I use different event handlers for text and rect and change the cursor in both to the same value, it shows a flicker for mouseout of text. This flickering makes the mouseover not so smooth.

I want to make the cursor change to hand when mouse is over the entire set.once in the cursor changes and does not flicker till the rect bounday is crossed again.

Please help me if you have any solutions
Kavita

Answer 1

Assuming you want the hover affect over the entire set which includes your rect, your path above the rect and the two texts…

var container = $(id to your Raphael container);
var yourSet = paper.set();  //assuming you have pushed all four elements into your set....
yourSet.mouseover(function(){
        container.css('cursor','pointer');
}
yourSet.mouseout(function(){
        container.css('cursor','default');
}

Hope it helps you out ….