Creating a basic dialog
A dialog has a lot of built-in default behavior, but few methods are needed to control it programmatically, making this an easy-to-use widget, which is also highly configurable and powerful.
Generating the widget is simple and requires a minimal underlying markup structure. The following page contains the minimum markup that's required to implement the dialog widget:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Dialog</title> <link rel="stylesheet" href="development-bundle/themes/redmond/jquery.ui.all.css"> <script src="js/jquery-2.0.3.js"></script> <script src="development-bundle/ui/jquery.ui.core.js"></script> <script src="development-bundle/ui/jquery.ui.widget.js"> </script> <script src="development-bundle/ui/jquery.ui.position.js"> </script> <script src="development-bundle/ui/jquery.ui.dialog.js"> </script> <script src="development...
