CODEWITHSUNDEEP
javascriptjqueryjquery-pluginsjquery-tooltip
David Gay
David Gay

Reputation: 1154

jQuery tooltip plugin to position tooltips based on another div instead of the mouse?

I am using this jQuery tooltip plugin to create simple tooltips on various divs of my page. The plugin positions the tooltip relative to the mouse position. Instead, I would like the tooltip to appear centered above the div that was hovered over, unmoving, in the same place every time. Is this possible using this plugin, and if so, could you point me in the right direction? If not, perhaps suggest an alternative?

Here is a jsFiddle with the sort of setup I have. Unfortunately, the styling doesn't really work without the plugin. I hope this code's good enough.

Upvotes: 0

Views: 451

Answers (2)

h0tw1r3
h0tw1r3

Reputation: 6818

The tooltip plugin in question does not appear to support relative positioning.

Qtip does: http://craigsworks.com/projects/qtip/

Upvotes: 1

robertp
robertp

Reputation: 3652

I don't think that's something you can do with that jQuery Tooltip plugin.

Some of these look more suitable for that task: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

Cheers, Rob

Upvotes: 1

Related Questions