Tuesday, October 30th, 2007
Prototip 1.1: Adding more control to your tooltips
Category: JavaScript, Library
, Prototype
You can now open, close and toggle tooltips using any mouse event. Keeping your tooltips open adds a new dimension to the library, allowing tooltips to be used in new ways. This release also introduces close buttons, delay and the option to add your own close links inside your tooltip text. An improved CSS model makes it even easier to style your tooltips.
Check out the various demos to see how you can contort the library:
Related Content:
- Using images in tooltips
The tooltip came from an idea regarding how to show contextual help in the user interface and is now considered an essential part of a UX designer's... - Moveable Tooltip for Silverlight
Expert Walt Ritscher discusses using Tooltips and Popups for images in... - Adding a second control file
3.9 rating from 33 votes
So… 160kb script for a Tooltip? Not counting effects lib.
Packed, thats around 60kb or so? Thanks, but I think ill write my own.
@Mark: prototip.js only 13kb unpacked. Included in the download is the latest version of prototype that’s why it’s big.
nice work. I like it
I like it too!
And there’s nothing wrong with the file size. Most people working on projects these days use one of the main JS APIs (jquery,mootools,prototype,ext,etc). If you happen to use Prototype, this is an excellent addition.
With example 14 I didn’t like how the tip followed the mouse for a couple of pixels — would ‘fixed: true’ have locked it in place?
I noticed a few pixels of movement in a couple of examples also. Sort of distracting, I think. Otherwise, it’s very nicely done. Good job!
Anyone else notice how well designed the actual prototip page is? Excellent typography, colors and layout, imho.
And yeah, fab tooltip library :)
…very cool, I’ll have to try this out and take a look at the code!
Thanks Nick for the new preview release. I am glad to see a lot of the features people were requesting have quickly made it into the next release. Thanks to everyone involved with Prototip.
Very nice work. Already use it at my current work. Keep going, Nick.
Not a fan of tooltips that are not aware of the browser edge.
They should shift towards the centre to ensure the tooltip is never cut off.
@Andrew: By default tooltips will stay within the viewport, unless they are fixed or hooked. This is to make sure you get them in the right position. You can toggle this behavior using the options.
Have anyone figured out how to get prototip to work with mootools?