Yahoo User Interface TourDialog
The YUI Dialog control presents an input form as a popup panel within the browser window (rather than a separate popup window), accepts input, and allows a form to be submitted via AJAX, with the results displayed on the same screen. This is part of the YUI Container family of controls for displaying floating windows overlaid on a web page.
Business Case: In this example, the user can change the shipping address on an order to be different from the billing address.The dialog control keeps the transaction moving forward by letting the user post an quickly without leaving the "Confirm Your Order" page.
Please Confirm Your Order
Billing Address:
John Smith
1 Test Road
Test Town NY 10000
Shipping Address:
John Smith
1 Test Road
Test Town NY 10000
Your Order:
| Item | Price | Quantity | Amount |
|---|---|---|---|
| Deluxe Widget Kit | 500.00 |
1 |
$500.00 |
| Deluxe Widget AC Adapter | 50.00 |
1 |
$50.00 |
Total Order: $550.00
Topics
Introduction
Background: HTML, CSS, and JavaScript
Connection (AJAX)
Navigation Menu
Tabs
Animation
More Animation
Drag & Drop
Form Controls
Slider
Dialog
More
Topics
Introduction
Background: HTML, CSS, and JavaScript
Connection (AJAX)
Navigation Menu
Tabs
Animation
More Animation
Drag & Drop
Form Controls
Slider
Dialog
More