According to the author: Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.
If you also use Scriptaculous you can even add some nice effects to them.

Overall I think this a great tool to add to your web developer tool chest, especially if you are already an avid user of prototype.js and scriptaculous.  Furthermore, Prototip is only 8.3 KB in size without minimizing or obfuscation.  After running this through Dean Edward’s packer, I was able to reduce the file size to 3.667 KB.  He also includes a CSS file to style the tooltips, but you can certainly customize the look and appearance of the tooltips on your site.

So, how do you use it?  Obviously you need to include at least Prototype.js and the prototip.js files, as well as the script.aculo.us files optionally.  Creating a tooltip is as easy as:

?View Code COLDFUSION
1

new Tip(element, 'content');

To create a more advanced tooltip you can add an optional thirth parameter with options:

?View Code COLDFUSION
1

new Tip(element, 'content', {title: 'this tooltip has a title'});

This entry was posted on Thursday, August 2nd, 2007 at 5:40 pm.
Categories: Uncategorized.

No Comments, Comment or Ping

Reply to “Prototip - easy tooltips for Prototype.js”