Question

I am using Jquery TipTip plugin. If you know better plugin that way easy to use you can tell me. Okay now i am able to make it work. It displays tooltips very good. But i want to make sticky tooltips. I mean when you hover mouse over the object tooltip will be displayed and until person clicks the link i put inside tooltip ,so when person clicked the tooltip will be closed. Their documentation is zero so i couldn’t solve it.

tiptip main page : http://code.drewwilson.com/entry/tiptip-jquery-plugin

Here how they say exit and enter

enter: callback function – Custom function that is run each time you mouseover an element with TipTip applied to it.

exit: callback function – Custom function that is run each time you mouseout of an element with TipTip applied to it.

How can i call function from tiptip source code inside body.

Answer 1

Did you check the keepAlive option for the plugin? This keeps the tooltip on the screen until the user mouses out of the tooltip (rather than off the targeted object itself).

There doesn’t seem to be a way to do this programatically. You would have to extend the plugin itself or remove the mouseout eventhandler.

Actually after rereading the documentation, you could try to prevent the tooltip from disappearing using the exit callback like so:

exit: function(){
  // prevent action code goes here
}

But I’m not sure if this would work. Looking at the source, you could modify the deactivate_tiptip() function. The third line is the one that hides the tooltip.

tiptip_holder.fadeOut(opts.fadeOut);