diff options
| author | Felix Nagel <info@felixnagel.com> | 2010-09-30 02:03:16 +0200 |
|---|---|---|
| committer | Felix Nagel <info@felixnagel.com> | 2010-09-30 02:03:16 +0200 |
| commit | 91c7d0f3f348eb95260900d20f17d390b174259e (patch) | |
| tree | 1cba304f1c4a6d84ba102e45616af0df8f7880e7 /demos/selectmenu | |
| parent | b4f771e5c9e00d9fbe90e73edbff56b380d6b58e (diff) | |
| download | jquery-ui-91c7d0f3f348eb95260900d20f17d390b174259e.tar.gz jquery-ui-91c7d0f3f348eb95260900d20f17d390b174259e.zip | |
changed: improved disable demo
changed: updated to latest jquery-ui master branch
Diffstat (limited to 'demos/selectmenu')
| -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> |