Here are the three "themes" that come bundled with the plugin: If the link includes a title attribute, its text becomes the heading of the clueTip. The rel attribute is used by default, but you can change it to any other attribute you wish, like so: Also, the link will become "dead," meaning that nothing will happen if the user clicks it: Many, Many Options Here is a list of the available. It also adds "clue-left- default " or "clue-right- default " to the same div, depending on whether the clueTip is to the left or to the right of the link element. This documentation is maintained by Karl Swedberg. 
| Uploader: | Faujind |
| Date Added: | 9 April 2006 |
| File Size: | 51.3 Mb |
| Operating Systems: | Windows NT/2000/XP/2003/2003/7/8/10 MacOS 10/X |
| Downloads: | 15357 |
| Price: | Free* [*Free Regsitration Required] |
If you like this plugin and you're feeling generous, perhaps you'd also like to visit my amazon. This option also places a "close" link on the clueTip itself. Torben Schreiter helped squash some bugs and offered code for pre-loading images from ajaxed files Jonathan Chaffer helped a lot, but eschewed the co-author designation out of sheer modesty.
clueTip: A jQuery Tooltip Plugin
This is the simplest example there is. This allows you to create your own clueTip theme in a separate CSS file or use one of the three pre-packaged themes: This documentation is maintained by Karl Swedberg.
Permitted values are jquery.cluetip.csss, 'prependTo', 'insertBefore', and 'insertAfter'. How do I add a delay before showing or closing the clueTip? This is the simplest example there is.
Set to false if for some reason you have the hoverintent plugin included but don't want to use it. If the local option is set to true, this one determines whether local jquerh.cluetip.css to be shown in clueTip should be hidden at its original location. It can cache the results of ajax requests—or not.
Abandoned in favor of divs with reduced opacity. Change to 'bottomTop' if you want positioning to begin below the mouse when there is room or above if not -- rather than right or left of the elemnent and flush with element's top.
Link Prep When you want to add a clueTip to a link, type the content's jquery.cluetip.cxs in an attribute: Currently it only works with an id selector.
clueTip : A jQuery Plugin
It can hquery.cluetip.css when the invoking element is moused out or when the tooltip is moused out or when the user clicks a "close" link. Determines where in the DOM the clueTip will be inserted. None of these are required.
It can cache the results of ajax requests—or not. Add a "loading" image. Allow clueTips to load content from same page. Additional themes can be created by following the naming patterns in the stylesheet, jquery.
None of these are required. Here are the three "themes" that come bundled with the plugin: For example, your HTML might look like this: Why are the clueTips hidden behind my Flash elements? Examples Here are some examples of how you can add a clueTip to your page: The top of the jquery. You can either give the localIdSuffix an empty string '' for its value or add the id to your stylesheet rule.
Change to 'mouse' if you want to override positioning by element and position the clueTip based on where the mouse is instead. Insert an iFrame behind the clueTip to prevent the select list from poking through in IE6.
clueTip : A jQuery Plugin
Here are the three "themes" that come bundled with the plugin:. This is a common problem when trying to layer a DOM element over a Flash object. Both properties are measured in milliseconds.
Jquery.clueitp.css of Styles The clueTip Plugin comes with three themes: Allow sticky clueTips to be closed when a user clicks anywhere else on the page.
Comments
Post a Comment