YUI Library Examples: Container Family: Using the Overlay Manager to Manage Multiple Panels

YUI Library Examples: Container Family: Using the Overlay Manager to Manage Multiple Panels

YAHOO.example.container.manager = new YAHOO.widget.OverlayManager(); 
YAHOO.example.container.manager.register([YAHOO.example.container.panel1, 
                                          YAHOO.example.container.panel2, 
                                          YAHOO.example.container.panel3]); 

Each of the Panels is then automatically augmented with focus and blur methods and events. Each Panel will be automatically focused when clicked, but we can also wire up buttons to focus and blur our Panels. The OverlayManager also has showAll, hideAll, and blurAll methods: