Close
Loading, please wait...
This announcement will hide in 60 seconds

Bubbling Library v1.40 is the current stable release.

1.40 Release Notes Download Now Online API Documentation

Note: This copy contains the entire library including all source files, examples and all the necessary files.

 

The bubbling core basically define a mechanism (communication's pipes) to easily interact between the browser, server and the components in a web app, defining a programming pattern based on messages and listeners at the highest level. The first thing you need to do before trying to use this utility in your app, is to read this article in the Yahoo! User Interface Blog "The Bubbling Technique & Custom Event, YUI's Secret Weapon", to learn the principles of this pattern (more ...)

 

Use plugins to extend the YUI's controls and widgets...

  • Dispatcher
    Improve the interaction between the browser and server, also see the Wizard plugin to interact with forms.
  • Lighter
    Extend the CSS using javascripts and create highlightable areas...
  • Sound Manager
    Using an even-driven mechanism to play sounds effects on certain event...

More plugins

 

Use these widgets to extend the YUI's controls and widgets...

  • Accordion Manager
    Create expandable and collapsible elements based on the HTML markup and few CSS rules...
  • Loading Mask
    A transparent mask to avoids flash of unstyled content and to block the actions during the page's rendering and loading process, and AJAX's requests...
  • Tooltip Manager
    Create floating element to display hint's information based on the trigger element...

More widgets

 
We can use these small pieces of code to add a new functionalities to a certain widget, a control or a whole group of DOM's elements in the page.
 

Every control and plugin of the bubbling library ships with a series of examples that illustrate its implementation. These examples can serve as starting points for your exploration of the Bubbling Library, as code snippets to get you started in your own programming. Also, you can navigate through the API documentation in the official library website, and you will be able to explore these examples component-by-component.

Click here to see the full index of examples

 



Bubbling Library

    An easy-to-adopt YUI
        extension...

  • Javascript's Extension
  • Based on Yahoo! UI Library
  • It's Free - BSD license
  • Free Support (English & Spanish)
  • A-Grade Browser compatible
 

The Javascript Bubbling Library (YUI-CMS) is a set of plugins, behaviors and widgets, for building event-driven web applications using the bubble-up technique. The Bubbling Library also includes several plugins that can be used to extend the Yahoo! User Interface (YUI) Library to manage dynamic areas which are closely related with the event-driven philosophy. All components in the Bubbling Library have been released as open source under a BSD license and are free for all uses.

Using Bubbling Library
Searchable API Documentation:

API docs are available for every plugin and component.

Also you can use the advanced search form to filtering the API documentation.

 
Getting Started

You can use the Bubbling's components at the same way you use the YUI components. They were created to extend the functionality of the YUI Library, and without modify or alter the YUI environment, as a result, you can combine both libraries. See this link to get started with the YUI Library.

 
Browser Compatibility

Build event-driven web applications that work across all major web browsers:

  • Internet Explorer 6.0 / 7.0
  • Firefox 1.5.†, Firefox 2.†, Firefox 3.†
  • Safari 2.0†
  • Opera 9†

See the A-Grade Browser Support Chart

 
Licensing

All of the Bubbling Library plugins and components are provided free of charge under a BSD license.

 
Filing Bugs & Feature Requests

The Bubbling Library's public bug tracking and feature request repositories are located on the Bubbling Library SourceForge project site.

 
Support
Free Support:

We're trying to offer free support, even when we don't have too much time to dealing with the API documentation and the examples, considering that we do all this stuff in our free time, but we promise you that you'll get response and that we'll do our best to solve your problems. Also, there is people who use this library, and have enough experience to help you, just post your questions in the YUI Official Forum, and I'm sure you will get help quickly. There is few ways to get support:

Advanced YUI Support:

If you are working on a project that requires comprehensive, commercial quality support for the YUI Library and the Bubbling Extension we encourage you to take a look at the YUI Advanced Support Service.

 
Latest Releases

Accordion Manager
This YUI Widget will allow you to create expandable and collapsible areas using the correct HTML and CSS, but without writing a single line of javascript code. (new)

Loading Mask
The Loading Mask widget will hide all the page's content until the onLoad's event, which mean that the website will not be displayed until the current page be fully loaded. Also this widget can be used in conjunction with the YUI Connection Manager to block the actions over the page until the AJAX's request finish. (new)

 
Hot Components

Accordion Manager
Create expandable and collapsible areas using the correct HTML and CSS, but without writing a single line of javascript code. (released)

Bubbling Core
The bubbling core now include a generic communication mechanism for widget2widget, widget2browser and widget2server messages. (updated lately)

Tooltip Manager
Improved, now using the YUI Overlay instead YUI Tooltips, also introduce a new feature, "content onDemand" using the YUI connection manager. (updated lately)

 
Coming Soon

Bubbling Library for YUI 3.x
A new version of the Bubbling Library compatible with the NEW YUI 3.x. (comming soon)

 
Bubbling Radar

Autoganga - Autos - Mexico
These guys from Mexico have been using the Bubbling, and the dispatcher for a while, cheers for them. (spanish website)

 
Recommended Reading

Using the YUI TabView Control with the Dispatcher Plugin
YUI Dispatcher Plugin and how to use it along with the YUI TabView to load on-demand content using the YUI Connection Manager.

The Bubbling Technique & Custom Event, YUI’s Secret Weapon
In this article I’ll share my experiences in the event-driven programming within the web browser and show how the Bubbling Library, combined with YUI’s Custom Event capabilities, can create an unobtrusive behavioral layer suitable for powerful web applications.

Event-Driven Web Application Design
I recommend you to read carefully the Christian Heilmann's paper, where he wrote about how to plan an Event-Driven application, and how this technique will become the future of the web application as a result of an evolutive process.

A JavaScript Module Pattern
Eric Miraglia's detailed explanation of how to use the closures and specifically the module pattern (singlenton) as a flexible and multi-funcional structure...

 
Related Links

Yahoo! UI Library (YUI)
YUI Official Website at the Yahoo! Developer Network.

YUI Official Forum
Get help and share your knowledges thru the frenetic javascript mailing list at Yahoo! Developer Network...

Motionbox EventHandler
For those who use propotype instead YUI, here is an implementation of the bubbling core routine for Propotype, I never tested it, but it's seen like a good implementation.

 
 
Linux MySql Server PHP Mozilla FireFox FireBug YAHOO! Bubbling Library
This website is XHTML 1.0 valid! This website can be browsing with all browsers! This website is valid for Level A of Web Accessibility!