CODEWITHSUNDEEP
htmlsvgtooltip
Matt Parker
Matt Parker

Reputation: 27339

Tooltips not showing when hovering over SVG polygons

I have an SVG map of Colorado with polygons for each county. I'd like the county name to pop up on mouse hover, but that isn't happening. I have the counties set to change fill on hover, too, and that is happening. I'm not sure what the difference is.

These are just standard browser tooltips, with the intended text set in each polygon's title attribute.

Fiddle here: http://jsfiddle.net/mmparker/sVbxT/4/

Upvotes: 23

Views: 14052

Answers (1)

Robert Longson
Robert Longson

Reputation: 123995

For SVG you need to use a nested <title> element rather than a title attribute. E.g. <polygon points="..."><title>your title</title></polygon>

Upvotes: 45

Related Questions