diff options
| author | Felix Nagel <info@felixnagel.com> | 2012-02-26 02:45:43 +0100 |
|---|---|---|
| committer | Felix Nagel <info@felixnagel.com> | 2012-02-26 02:52:23 +0100 |
| commit | e299e9ad662ce1b58bc77d6283351ce2902d83e1 (patch) | |
| tree | 7881cca1cefcbb6cf6f6e7a2d4e8510ad1941729 /tests/visual/selectmenu | |
| parent | 156d0fbf096377b8674b6fa2b18f026c18ea28fd (diff) | |
| download | jquery-ui-e299e9ad662ce1b58bc77d6283351ce2902d83e1.tar.gz jquery-ui-e299e9ad662ce1b58bc77d6283351ce2902d83e1.zip | |
Selectmenu: added empty.html visual test, small improvements in html files
Diffstat (limited to 'tests/visual/selectmenu')
| -rw-r--r-- | tests/visual/selectmenu/compatibility.html | 1 | ||||
| -rw-r--r-- | tests/visual/selectmenu/empty.html | 73 |
2 files changed, 74 insertions, 0 deletions
diff --git a/tests/visual/selectmenu/compatibility.html b/tests/visual/selectmenu/compatibility.html index bd00804f3..66a2ba072 100644 --- a/tests/visual/selectmenu/compatibility.html +++ b/tests/visual/selectmenu/compatibility.html @@ -50,6 +50,7 @@ }); </script> <style> + .demo { width: 400px } form { margin: 20px 0 0 0 } fieldset { border: 0; } label { display: block; } diff --git a/tests/visual/selectmenu/empty.html b/tests/visual/selectmenu/empty.html new file mode 100644 index 000000000..f4702c2c2 --- /dev/null +++ b/tests/visual/selectmenu/empty.html @@ -0,0 +1,73 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Selectmenu - Methids functionality</title> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> + <script src="../../../jquery-1.7.1.js"></script> + <script src="../../../ui/jquery.ui.core.js"></script> + <script src="../../../ui/jquery.ui.widget.js"></script> + <script src="../../../ui/jquery.ui.position.js"></script> + <script src="../../../ui/jquery.ui.menu.js"></script> + <script src="../../../ui/jquery.ui.selectmenu.js"></script> + <link rel="stylesheet" href="../../../demos/demos.css"> + <script> + $(function() { + $('select').selectmenu(); + }); + </script> + <style> + form { margin: 20px 0 0 0 } + fieldset { border: 0; } + label { display: block; } + select { width: 200px; } + </style> +</head> +<body> + +<div class="demo"> + +<form action="#"> + <fieldset> + <label for="speed">Select a speed:</label> + <select name="speed" id="speed"></select> + + <label for="speed2">Select a speed:</label> + <select name="speed2" id="speed"> + <option value=""></option> + </select> + <br /> + <br /> + <br /> + <label for="number">Select a number:</label> + <select name="number" id="number"> + <option value="1">1</option> + <option value="2" selected="selected">2</option> + <option value="3">3</option> + <option value="4">4</option> + <option value=""></option> + <option value="6">6</option> + <option value="7">7</option> + <option value=""></option> + <option value="9">9</option> + </select> + <br /> + <br /> + <br /> + <label for="files">Select a file:</label> + <select name="files" id="files"> + <optgroup label="Scripts"></optgroup> + <optgroup label="Other files"> + <option value="somefile">Some unknown file</option> + <option value="someotherfile">Some other file</option> + </optgroup> + </select> + </fieldset> +</form> + +</div><!-- End demo --> + + + +</body> +</html> |