Return to Snippet

Revision: 36617
at November 24, 2010 04:19 by mattvbiggs


Initial Code
<!-- This sets up a button with a help icon next to it -->
<input type="button" id="cascade" class="StandardButton" value="Cascade" />&nbsp;<img id="help" src="~/Images/help_icon.jpg" border="0" />

<!-- This is the jquery code to add a tooltip to the help icon -->
$(document).ready(function() {
 $('#help').tooltip(
 {
    delay: 0,
    bodyHandler: function() { return "Click this button to cascade your selection<br /> from its current level through all levels below."; },
    showURL: false
 })
});

Initial URL


Initial Description
I know that there are other ways of displaying a tooltip without the use of JQuery but I like the flexibility and control JQuery provides. This snippet shows how to add a tooltip to a Help icon.

Initial Title
JQuery: Displaying a Tooltip

Initial Tags


Initial Language
jQuery