University of Natural Resources and Life Sciences (BOKU)
Institute of Computational Biology

JQueryTooltip

Display a customized tooltip instead of the default one for every selected element. Tooltips can be added automatically to any element that has got at title attribute thus replacing the standard tooltip as displayed by the browsers with a customizable one.

Content can be reloaded using AJAX. For example, this can be used to display an image preview in a tooltip. Have a look at the thumbnail REST service of Foswiki:Extensions/ImagePlugin how to load the thumnail from the backend dynamically.

Examples

No such plugin tooltip
All elements with a title attribute in here get a tooltip. Options can be given using metadata inside the class attribute like this:

<div class="{extraClass:'bubble'}" title="Help: How to pass arguments to the jquery.tooltip plugin">
  Hover me.
</div>

25 Nov 2024 - 02:56 Foswiki v2.0.2