| |
|
1.
|
|
| Roar is a notification widget that streamlines incoming messages, such as updates or errors, without distracting the user from their browser experience or breaking their work-flow by displaying obtrusive alerts. |
|
Compatibility
Type
Javascript, Mootools, XHTML
|
|
2.
|
|
| Slide and Hide with Yahoo YUI |
|
Compatibility
Type
Javascript, DHTML, YUI
|
|
3.
|
|
| The MultiView moodget allows developers to change between views, thus, showing different content. |
|
Compatibility
Type
Javascript, Mootools
|
|
4.
|
|
|
Compatibility
Type
Javascript, jQuery, Plugin
|
|
5.
|
|
|
Compatibility
Type
Javascript, DHTML
|
|
6.
|
|
| Another nice snippet to have a newsletter box on your site - coded as usual with mootools and mySQL / PHP. |
|
Compatibility
Type
Javascript, Ajax, Mootools, PHP, MySQL
|
|
7.
|
|
| The Container Family of controls, including Overlay and all of its subclasses (Panel, Tooltip, Dialog, SimpleDialog), can implement built-in transition effects using the effect property and the ContainerEffect object. This example demonstrates the fade and slide transitions provided with Container. |
|
Compatibility
Type
Javascript, DHTML, Ajax, YUI
|
|
8.
|
|
| OverlayManager allows you to manage multiple Overlays (and Overlay subclasses like Panel, Dialog, SimpleDialog and Tooltip) on the same page, giving focus and z-index supremacy to the focused overlay and providing you with event hooks to respond to focus and blur of your overlays with your own scripts. |
|
Compatibility
Type
Javascript, DHTML, Ajax, YUI
|
|
9.
|
|
| The Dialog Control is designed to allow you to retrieve information from the user and make use of that information within the page — whether interally to the page or by sending the information to the server via form post or XMLHttpRequest. This example shows how to do the latter. Click the button to show the Dialog instance and its form fields; fill out the form; submit the form. Dialog will automatically use the YUI Connection Manager to send the data via XMLHttpRequest to the server and will then echo that data back to you on the page. |
|
Compatibility
Type
Javascript, DHTML, Ajax, YUI
|
|
10.
|
|
| In this example, we move beyond the basic skinning steps demonstrated in the introductory skinning example and show more advanced techniques with multiple styled Panel Control instances on the same page. Use the buttons below to show and hide the styled panels. |
|
Compatibility
Type
Javascript, DHTML, Ajax, YUI
|