Tipped

Tipped is an evolution of the Prototip tooltip library.

It is an excellent tooltip plugin for the any project, it's only drawback being its commercial license which some developers might not be able to afford.

Regardless, this doesn't take the shine of Tipped, coming packed with lots of customizable features, examples and documentation to easily get your projects of the ground and running.

Licensing details need to be read before downloading the file.

What is new in this release:

• Fixed an issue when calling Tipped.remove() on nested tooltips.

What is new in version 4.5.4:

• Fixed an issue when calling Tipped.remove() on nested tooltips.

What is new in version 4.4.2:

• Fixed a bug introduced in 4.4.0 that caused Tipped.refresh() to not update tooltip dimensions in most cases

What is new in version 4.4.1:

• Fixed a bug introduced in 4.4.0 that caused Tipped.refresh() to not update tooltip dimensions in most cases

What is new in version 4.2.8:

• Fixed incorrect viewport calculation for Firefox on Android that could prevent tooltips from repositioning when they should.

What is new in version 4.2.5:

• Fixed Tipped.delegate() not removing the native title tooltip fast enough when delegating on click. It was removed after the click, it's now removed on the first mouseenter.
• Clicks on the close button and elements with the class 'close-tooltip' will no longer bubble up to the document.

What is new in version 4.2.2:

• Added an empty click handler to the body in MobileSafari so clicks always register on it, this is a workaround suggested by Apple to help with event delegation, and hideOnClickOutside in our case.

What is new in version 4.2.1:

• Fixed a bug that prevented the afterHide callback from firing on Ajax tooltips with a disabled cache
• Updated Voila to 1.1.0

What is new in version 4.2.0:

• Added voila option to disable image loading.
• Removed imagesLoaded option.

What is new in version 4.1.6:

• Tooltips with target: 'mouse' now have a minimum showDelay of 100ms, this makes it a bit less likely for them to open close to the edge of an element.
• Tooltips with behavior: 'sticky' now have a minimum showDelay of 150ms, this helps with use on text that spans multiple lines/line-breaks.

What is new in version 4.1.5:

• Improved offset when tooltips are positioned based on the mouse position, moved them slightly down so there's less distance on top and more on the bottom.

What is new in version 4.1.4:

• Fixed a bug that could cause incorrect link colors on some skins caused by a change in 4.1.3.

What is new in version 3.2.0:

• Fixed a bug that prevented CSS transitions caused by a regression in Firefox 24.

What is new in version 3.1.9:

• Calling Tipped.init() will now restore Tipped to its initial state. Cleaning up any previously created tooltips.
• Some changes to go along with Tipped.init() to help deal with things like Rails Turbolinks that replace the entire body element.

What is new in version 3.1.8:

• Fixed a problem with links inside a tooltip requiring two clicks to open on iOS.

What is new in version 3.1.6:

• Ajax cache is now global to avoid duplicate requests when calling the same URL.
• Added Tipped.clearAjaxCache() to clear the cache.

What is new in version 3.1.3:

• Reverted repositioning changes made in 3.1.1 to fix a freeze issue that occurred when a large tooltip was pushed into a window with not enough space for it.

What is new in version 3.1.1:

• Better repositioning on large tooltips. Whenever a flipped tooltip doesn't fit in the viewport it'll be moved from a horizontal to a vertical orientation instead of being forced into the viewport.
• Updated the 'tiny' skin so it works on black backgrounds.
• Made the white font colors less white.

What is new in version 3.1.0.1:

• Added a workaround for a bug in Chrome 21 that caused the close button to hide in certain situations when hovered. The hover state is disabled in Chrome for now while it has this bug.

What is new in version 3.0.2:

• Recompressed to avoid bugs in latest Google Closure Compiler.

What is new in version 3.0.0:

• Complete overhaul of all skins.
• Greatly improved repositioning.
• Improved positioning when hooking to the mouse.
• Improved stem offset in cases where the stem would feel out of place on very small tooltips.

What is new in version 2.5.6:

• Fixed a bug on iOS where the close button would sometimes become invisible on a hover state.

What is new in version 2.5.5:

• Fixed a bug where the skin of a repositioned tooltip would sometimes render completely invisible in IE < 9.

What is new in version 2.5.4:

• Fixed IE6 bugs in 2.5.2, make sure to update tipped.css.
• Fixed a bug in 2.5.2 where the iframeshim used in IE6 didn't get the correct dimensions.

What is new in version 2.5.2:

• Fixed selectboxes overlapping tooltips in IE6.
• Updated Spinners to 3.0. Spinners is now included in the download as spinners.min.js.
• More elegant installation feedback through console. We're no longer checking for Spinners since loading icons will be disabled when the script is not included.

What is new in version 2.5.1:

• Fixed a bug in 2.5 that prevented tooltips from being created within tooltips

What is new in version 2.4.7:

• img tags inserted with just a height or width attribute set will now be resized to get proper dimensions.

What is new in version 2.4.6:

• Increased the default z-index to 999999 so it works better with the increased z-index of Lightview.

What is new in version 2.4.5:

• Changed the internal Ajax complete to a success callback so only successful responses are pushed into the tooltip.

What is new in version 2.4.4:

• Tooltip creation is now faster because of a switch to internal named indexes.
• Fixed a problem where (re)creating 1000+ tooltips at once could cause IE to show a "Stop running this script" warning. This problem used to exponentially slow down tooltip creation depending on the number of tooltip on the page, so this improvement is an all-around speedup.

What is new in version 2.4.2:

• Better re-positioning on middle positions when tooltips are kept within the viewport. The positioning algorithm now takes into account alignment and gives it priority since aligned positions are the positions most people would expect when re-positioning.
• Repositioning tooltips when resizing the window. Using a small delay so a repositioning algorithm won't kick in after every pixel the window changes in size.
• Fixed a bug that caused unnecessary checks for detached nodes, this should make tooltip creation faster after having updated parts of a page with lots of tooltips.

What is new in version 2.4.1:

• Made sure that inline tooltips cache the element they reference by id.

What is new in version 2.4.0.1:

• Not showing empty tooltips when a function for the content returns nothing.

What is new in version 2.4.0:

• Made it possible to use a Function as the content of the tooltip. The return value can be a String or an Element, something you'd normally have to provide upfront. As the tooltip is shown it will update whenever the return value has changed. Documentation has been updated with examples.
• Fixed a bug that could cause hidden tooltips to get incorrect dimensions when calling Tipped.refresh on them.
• Using an element attached to the DOM as the content of the tooltip will now correctly treat that element as inline, restoring it when the tooltip is removed or recreated.

What is new in version 2.3.2:

• Implemented a workaround for a Chrome bug that caused preloaded images to report no dimensions when Chrome loaded them from cache, noticeable when the tooltip flips to stay within the viewport on first display.
• Fixed a 2.3 bug that would sometimes hide a tooltip with ajax or image content after loading.
• Improved Opera version check.

What is new in version 2.3.0:

• Images can now be used in tooltips without having to set dimensions on them. This fixes the problem where tooltips got incorrect dimensions when images didn't have dimensions set. Images are now given dimensions automatically, a loading icon is displayed while they are being prepared [pltech]
• Tooltips are no longer shown when the mouse enters it upong fading out. This prevents flickering in some situations where tooltips had a small fadeOut time. It also fixes the problem where hovering a tooltip that is faded below noticeable opacity would cause it to reappear.
• If preparing image dimensions takes 8 or more seconds depending on the amount of images in a tooltip, the tooltip will be shown based on what has been loaded. This way broken images won't cause infinite loading.
• Made showDelay a little faster.
• Minor refactoring of IE/VML based code.

What is new in version 2.2.1:

• Fixed a bug that caused inline content to be removed from the page once a tooltip was re-created or removed. This fixes a problem where re-creating inline tooltips gave you an empty tooltip.
• Fixed a bug that caused showDelay not to work as expected when hideOn was disabled.
• Increased the default showDelay to 100ms, making it a bit easier to mouseover the page without having tooltips show up right away.

What is new in version 2.2.0:

• Fixed a bug where ajax tooltips with a lot of content would sometimes not show up after loading.
• Removed fadeDuration in favour of fadeIn and fadeOut. You can now change those individually.
• Deprecated hideOnClickOutside, use hideOn:'click-outside' instead. This removes the need to set hideOn:false.

What is new in version 2.0.4:

• Fixed a bug that made it impossible to set offset on middle positions in some situations. x or y offset will now only be set to 0 once the positioning algorithm finds that a tooltip is best positioned when moved from a corner to a middle position.

What is new in version 2.0.3:

• Improved the version check so it works with jQuery '1.6.3rc1' and future release candidates using a similar version string.

What is new in version 2.0.2:

• Made sure Tipped works with LABjs.

What is new in version 2.0.1:

• Fixed a bug with positioning in scrolling containers caused by the switch to jQuery.
• Lowered the required jQuery version from 1.6.2 to 1.6.0.

What is new in version 2.0:

• Tipped is now entirely jQuery based. BridgeJS is no longer required.
• Tipped is now 1 Javascript and 1 CSS file, dynamic includes have been removed. This makes concatenation a lot easier.
• New API replaces data-attributes, tooltips are now created through JavaScript. See the documentation for the changes.
• Including Spinners is now optional, no loading icons will show up if you leave it out.
• New stems for the corner positions now look like the center stems. They accept offset and spacing for better positioning.
• Ajax requests are now aborted when tooltips are hidden before the request completes.
• Removed support for inline. The new API makes it possible set a string on a tooltip, a much better way to set the content of a tooltip since it doesn't move elements around. Bad practices to work around this are no longer promoted this way, Ajax and the string are the preferred way to set HTML content.
• Changed Ajax options to mirror jQuery.ajax instead of Prototype. ajax.parameters became ajax.data, ajax.method became ajax.type.
• Times are now in ms to go along with jQuery.
• Rewrite of the shadows, they now look as nice as CSS box-shadow because of a non-linear transition.
• Some sub-pixel based fixes on the shadow to make it align perfectly with the stem.
• Minor skin tweaks to go with the 2.0 stems.
• Fixed a bug with some fonts giving the tooltip a newline.
• Fixed a bug with tooltip positioning on elements with borders.
• Fixed a bug with positioning on first display on tooltips that follow the mouse.

What is new in version 1.6.1:

• Updated Spinners to 2.0.

What is new in version 1.6.0.5:

• Fixed a bug caused by changes in 1.6.0.4 that could cause some tooltips to stay on screen.
• Added some caching.

Requirements:

• JavaScript enabled on client side