diff options
| author | Felix Nagel <info@felixnagel.com> | 2013-05-28 22:30:21 +0200 |
|---|---|---|
| committer | Felix Nagel <info@felixnagel.com> | 2013-05-28 22:30:21 +0200 |
| commit | d122a319376559fa32c08b2b2d92608453d793c9 (patch) | |
| tree | b26fae83394ff67aa335f9cbb6b721afd712b73f | |
| parent | b0034316cb8eabbe0f4a1734ae792ada71072ae2 (diff) | |
| download | jquery-ui-d122a319376559fa32c08b2b2d92608453d793c9.tar.gz jquery-ui-d122a319376559fa32c08b2b2d92608453d793c9.zip | |
added: dialog demo file
| -rw-r--r-- | demos/selectmenu/dialog.html | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/demos/selectmenu/dialog.html b/demos/selectmenu/dialog.html new file mode 100644 index 000000000..6cde95255 --- /dev/null +++ b/demos/selectmenu/dialog.html @@ -0,0 +1,70 @@ +<!DOCTYPE html> +<html> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <title>Demo Page for jQuery UI selectmenu</title> + + <link type="text/css" href="../../themes/base/jquery.ui.core.css" rel="stylesheet" /> + <link type="text/css" href="../../themes/base/jquery.ui.theme.css" rel="stylesheet" /> + <link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" /> + <link type="text/css" href="../../themes/base/jquery.ui.selectmenu.css" rel="stylesheet" /> + <link type="text/css" href="http://github.felixnagel.com/master/themes/base/jquery.ui.dialog.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.8.3.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script> + + <script type="text/javascript" src="../../ui/jquery.ui.selectmenu.js"></script> + <script type="text/javascript" src="http://github.felixnagel.com/master/ui/jquery.ui.dialog.js"></script> + + <style type="text/css"> + /* demo styles */ + body {font-size: 62.5%; font-family:"Verdana",sans-serif; } + fieldset { border:0; } + label,select,.ui-select-menu { float: left; margin-right: 10px; } + select { width: 200px; } + </style> + <script type="text/javascript"> + $(function(){ + $('select').selectmenu(); + + $('#dialog1').dialog({ + modal: false + }); + $('#dialog2').dialog({ + modal: true + }); + }); + </script> +</head> +<body> + <br /> + <br /> + <div id="dialog1"> + <form action="#"> + <fieldset> + <select> + <option value="Slower">Slower</option> + <option value="Slow" selected="selected">Slow</option> + <option value="Medium">Medium</option> + <option value="Fast">Fast</option> + <option value="Faster">Faster</option> + </select> + </fieldset> + </form> + </div> + <div id="dialog2"> + <form action="#"> + <fieldset> + <select> + <option value="Slower">Slower</option> + <option value="Slow" selected="selected">Slow</option> + <option value="Medium">Medium</option> + <option value="Fast">Fast</option> + <option value="Faster">Faster</option> + </select> + </fieldset> + </form> + </div> +</body> +</html>
\ No newline at end of file |