How to do a tooltip on an SVG generated by Raphael

Question

I\'m doing a bit of a pedagogical exercise, converting XML to SVG with XSLT, Javascript and Raphael. I\'m sure it\'s the hard way...but it\'s educational.

The proble

Answer 1

One way to do this is to use a div tag on top of the Raphael paper. Then use Jquery mousevents along with fadeIn() and fadeOut(). I created an example on jsFiddle. Have a look