« TOP 5 keyboard shortcuts for programming
Template component for classic ASP »

Web 2.0 balloon tooltip with prototype and scriptaculous

published on May 29, 2007 by Michal
category: Javascript, protoypejs, scriptaculous, user interface design

A very nice balloon tooltip from BeauScott.com is another gift of the web 2.0 era. Look at the stylish appearance and enjoy...

Balloon tooltip

This beauty from BeauScott uses the prototype javascript library including some little extensions and scriptaculous. Supported features are for example getting the tooltips content direclty from an XML or HTML file. Furthermore its interface for the usage is simple as well. Example:

PLAIN TEXT
JAVASCRIPT:
  1. var h = new HelpBalloon({
  2.    title: 'Webdevbros.com',
  3.    content: 'webdevbros is providing you some freaky content.'
  4. });

Here is the original post from Beau Scott:
http://www.beauscott.com/2006/08/19/ajax-enabled-help-balloons/

1 Star2 Stars3 Stars4 Stars5 Stars (8 votes, average: 3.75 out of 5)
Loading ... Loading ...

This entry was posted on Tuesday, May 29th, 2007 at 10:20 pm and is filed under Javascript, protoypejs, scriptaculous, user interface design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply


Please surround code with [asp]..[/asp], [javascript]..[/javascript], [php]..[/php], [html]..[/html] to highlight source code within your comments.

Currently highest rated articles on webdevbros: