Tips.js

Tooltips, BubbleTips, whatever they are, they will appear on mouseover

Dependencies

Moo.js, Function.js, Array.js, String.js, Element.js, Fx.js

Author

Valerio Proietti, http://mad4milk.net

License

MIT-style license.

Credits

Tips.js is based on Bubble Tooltips (http://web-graphics.com/mtarchive/001717.php) by Alessandro Fulcitiniti http://web-graphics.com

Summary
Tips.js Tooltips, BubbleTips, whatever they are, they will appear on mouseover
Tips Display a tip on any element with a title and/or href.

Tips

Display a tip on any element with a title and/or href.

Arguments

elements a collection of elements to apply the tooltips to on mouseover.
options an object.  See options Below.

Options

transitionStart the transition effect used to show the tip (see Fx.Transitions).
transitionEnd the transition effect used to hide the tip (see Fx.Transitions).
maxTitleChars the maximum number of characters to display in the title of the tip. defaults to 30.
fxDuration the duration (in ms) for the transition effect when the tip to appears and disappears. defaults to 150.
maxOpacity how opaque to make the tooltip (0 = 0% opaque, 1= 100% opaque). defaults to 1.
timeOut the delay to wait to show the tip (how long the user must hover to have the tooltip appear). defaults to 100.
className the class name to apply to the tooltip

Example

<img src="/images/i.png" title="The body of the tooltip is stored in the title" tooltitle="The Title of the Tooltip" class="toolTipImg"/>
<script>
var myTips = new Tips($S('.toolTipImg'), {
maxTitleChars: 50, //I like my captions a little long
maxOpacity: .9, //let's leave a little transparancy in there
});
</script>
My Object Oriented javascript.
Contains Function prototypes, utility functions and Chain.
function $A( array )
Copy the array and returns it.
Same as Array.copy, but as function.
Contains Array prototypes and the function $A;
Contains String prototypes and Number prototypes.
function $( el )
returns the element passed in with all the Element prototypes applied.
Contains useful Element prototypes, to be used with the dollar function $.
Applies visual transitions to any element.
A collection of transition equations for use with the <Fx> Class.