Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

YUI Tooltip (gallery-yui-tooltip) on cdn

Last Updated: 09/18/11

+ 0 -

Josh Lizarraga

YUI Contributor

See 1 more by this user.

Created: 04/28/11
Last CDN Push: 09/28/11
Build Tag: gallery-2011.09.28-20-06
Project: YUI 3
License: YUI BSD
YUI Version: 3.4.0
Free for use.

YUI Tooltip is a YUI3 widget that allows you to easily add an animated tooltip to any element on a web page.

Simply give an HTML element a "tooltip" attribute, and set the attribute to the content you'd like YUI Tooltip to display when the element is hovered on. You can use any HTML you want in a tooltip so long as it is properly escaped.

You can also align your tooltips using the "tooltip:alignment" attribute, with a value of "top", "right", "bottom", or "left". The tooltip will align itself to the center of the corresponding edge of the element.

YUI Tooltip is lightweight, supports all major browsers, and is fully skinnable. :)

As illustrated below, all you need to do is render a single Tooltip instance, which will automatically find elements with a "tooltip" attribute.

Code Sample

<script src="http://yui.yahooapis.com/3.4.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2011.09.28-20-06'
}).use('gallery-yui-tooltip', function(Y) {
 
	var tooltip = new Y.Tooltip();
 
	tooltip.render();
 
});

Forum Posts

Subject	Author	Date
Load style for gallery module YUI Tooltip.	Khoa Bui	08/29/12
Re: Load style for gallery module YUI Tooltip.	Andrew Wooldridge	10/4/12
Re: Load style for gallery module YUI Tooltip.	Andrew Wooldridge	10/4/12
Re: Load style for gallery module YUI Tooltip.	John Lindal	10/4/12
tooltip attribute	Zdravko Balorda	11/28/12
ToolTip on an image in a DataTable	Eric Mooney	03/8/13
No CSS Styles are loaded...	Thomas Wiedmann	03/20/13
Re: No CSS Styles are loaded...	Victor Gavilán	03/20/13
Re: No CSS Styles are loaded...	Thomas Wiedmann	03/21/13
Re: No CSS Styles are loaded...	Thomas Wiedmann	03/21/13