diff options
| -rw-r--r-- | demos/selectmenu/disable_enable.html | 38 |
1 files changed, 20 insertions, 18 deletions
diff --git a/demos/selectmenu/disable_enable.html b/demos/selectmenu/disable_enable.html index ad46a52c3..633d6c089 100644 --- a/demos/selectmenu/disable_enable.html +++ b/demos/selectmenu/disable_enable.html @@ -16,7 +16,7 @@ <style type="text/css"> /*demo styles*/ body {font-size: 62.5%; font-family:"Verdana",sans-serif; } - fieldset { border:0; margin: 20px 0 0 0;} + fieldset { border:0; margin: 50px 0 0 0;} label,select,.ui-select-menu { float: left; margin-right: 10px; } select { width: 200px; } @@ -33,29 +33,27 @@ <script type="text/javascript"> $(function(){ - var speedB = $('select#speedB').selectmenu(); - // does not work see: + var speedA_depends = $('select#speedA_depends').selectmenu(); var speedA = $('select#speedA').selectmenu({ select: function(event, options) { if (options.value) { - speedB.selectmenu('enable'); + speedA_depends.selectmenu('enable'); } else { - speedB.selectmenu('disable'); + speedA_depends.selectmenu('disable'); } } }); + var speedB = $('select#speedB').selectmenu(); $("#on").click(function(){ speedB.selectmenu("enable"); - }); - + }); $("#off").click(function(){ speedB.selectmenu("disable"); - }); - + }); - var speedA = $('select#speedC').selectmenu(); + var speedC = $('select#speedC').selectmenu(); }); @@ -63,20 +61,24 @@ </head> <body> <form action="#"> - <h2>Disabled by select callback (does not work)</h2> <fieldset> - <label for="speedA">Select a Speed:</label> + <label for="speedA">Disabled by select callback (does not work)</label> <select name="speedA" id="speedA"> <option value="1">On</option> <option value="0">Off</option> </select> + <br /> + <label for="speedA_depends">Depends on</label> + <select name="speedA_depends" id="speedA_depends"> + <option value="Slow">Slow</option> + <option value="Medium">Medium</option> + <option value="Fast">Fast</option> + </select> </fieldset> - <a href="#nogo" id="on">on</a><br /> - <a href="#nogo" id="off">off</a><br /> - <h2>Disble by links above</h2> + <fieldset> - <label for="speedB">Select an Address:</label> + <label for="speedB">Disble by links</label> <select name="speedB" id="speedB"> <option value="Slower" selected="selected">Slower</option> <option value="Slow">Slow</option> @@ -84,11 +86,11 @@ <option value="Fast">Fast</option> <option value="Faster">Faster</option> </select> + <a href="#nogo" id="on">on</a> | <a href="#nogo" id="off">off</a><br /> </fieldset> - <h2>Disabled by HTML (initinal)</h2> <fieldset> - <label for="speedC">Select an Address:</label> + <label for="speedC">Disabled by HTML (initinal)</label> <select disabled="disabled" name="speedC" id="speedC"> <option value="Slower" selected="selected">Slower</option> <option value="Slow">Slow</option> |