ref: Prototip | DevKick

Prototip

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

Hooking allows you to place your tooltips anywhere in relation to your target elements. The concept is simple, you define two corners that you want to 'hook' to eachother. One on the target element, the other one on the tooltip.

Tooltips can be styled using CSS. The CSS file prototip.css shows a few examples on how to do this. The default class used by prototip is 'default', you can overwrite this class with your own by using the className option.

You can also automatically add a tooltip to every link in the page by using it's rel attibute. Here's how to do this after the page has finished loading.

For updates, grab the update feed

Download Prototip

Related categories:

Comments? Need help with a component? Use our forums for further discussions.

Posted on the 5th of March at 6:15 pm

From the blog RSS

Form validation with jQuery from scratch
3rd of July at 3:26 pm
Full Screen Image Gallery Using jQuery and Flickr
25th of February at 8:49 pm
Stylegala Reborn
30th of January at 7:30 pm
Hello?
24th of September at 8:00 pm
Design Inspiration: European Graphic Design from 1950-1970
30th of May at 5:08 pm
Parsing Strings With jQuery
28th of May at 12:21 pm
Modalpreview - Preview Your Comment in a Modal Window
19th of May at 8:32 pm
Milestone 01 - 70+ High-End Components for Web Designers and Developers
13th of May at 9:52 pm
Tripoli Beta
8th of May at 7:08 pm
The Visual Active State: Popular Techniques and Examples
2nd of May at 7:34 pm

DevKick News RSS

Image Spark
 18th of February at 8:14 am
Pattern Tap : Collections
 13th of February at 12:03 am
Bombia Design | Portfolio
 9th of February at 7:43 pm
Designers Toolbox: Web Safe Area
 8th of February at 5:03 pm
I would like to be a Pony
 3rd of February at 8:31 am
Josef Müller-Brockmann
 3rd of February at 8:06 am
Thinking for a Living?
 26th of January at 4:05 pm
Warrick - Recover Your Lost Website
 26th of January at 3:17 pm
Alexandros Vasmoulakis
 20th of January at 10:33 am
SEOmoz | How to Convince a Client They Don't Need a Splash Page
 16th of January at 7:27 am

From the lab