JQueryTooltip < System

Downloads

release

dev builds

extras

themes

Documentation

manual

wiki

device status

Support

forums

mailing lists

IRC

Development

bugs

patches

dev guide

Donate

Wiki > System > JQueryPlugin > JQueryTooltip

---+ %TOPIC%
%JQPLUGINS{"tooltip"
  format="
    Homepage: $homepage <br />
    Author(s): $author <br />
    Version: $version
  "
}%

%STARTSECTION{"summary"}%
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.
%ENDSECTION{"summary"}%

---++ Examples
%JQREQUIRE{"tooltip"}%
<div class="jqTooltip">
All elements with a <i title="I've got a title">title attribute</i> in here get a tooltip. Options can be given using metadata inside the class attribute like this:

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

r1 - 12 Feb 2010 - 15:11:05 - ProjectContributor

Parents: JQueryPlugin

Copyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Wiki? Send feedback