Question

I’m looking for a javascript/css tooltip that can do the following:

1. Shows up when you hover over some page element (such as a help icon.)
2. Repositions itself based on the browser window (for example if it’s on the far right of the page, it will show itself to the left of the page element, otherwise it’ll show to the right of it. That way it won’t go off of the page.)
3. You can hover over the tooltip and it won’t disappear. This way you can select text or click on a hyperlink within the tooltip.

I’m using dojo but their dijit tooltip seems to be very inflexible, as it can only spawn off of another dijit element, most commonly a dijit button. I’d rather not having to reference a whole other javascript framework like jquery or prototype so hopefully someone has a way to do this using just one basic script.

Answer 1

Again, assuming that you don’t mind using jQuery (it’s awesome!!) I played around with a few tooltips and found this one the best: http://flowplayer.org/tools/tooltip/index.html

Extensible with good documentation. Check out the ‘position’ config option and see if that does what you need.

Good luck!