diff options
-rw-r--r-- | demos/selectmenu/typeahead.html | 138 | ||||
-rw-r--r-- | ui/jquery.ui.selectmenu.js | 8 |
2 files changed, 79 insertions, 67 deletions
diff --git a/demos/selectmenu/typeahead.html b/demos/selectmenu/typeahead.html index c3424aa54..79a46890f 100644 --- a/demos/selectmenu/typeahead.html +++ b/demos/selectmenu/typeahead.html @@ -25,7 +25,19 @@ <script type="text/javascript"> $(function(){ $('select').selectmenu(); - }); + }); + + // add themeswitcher + $(function(){ + var ts = $('<div class="ui-button ui-widget ui-state-default ui-corner-all" style="padding: 5px; position: absolute; top: 20px; right: 10px;">Click here to add Themeswitcher!</div>') + .appendTo('body') + .bind("click", function() { + ts.text("Loading Themeswitcher..."); + $.getScript('http://ui.jquery.com/applications/themeroller/themeswitchertool/', function() { + ts.removeClass("ui-button ui-widget ui-state-default ui-corner-all").text("").unbind("click").themeswitcher(); + }); + }); + }); </script> </head> <body> @@ -34,68 +46,68 @@ <form action="#"> <fieldset> <label for="state">Select a Speed:</label> - <select id="state"> - <option></option> - <option value="AL">Alabama</option> - <option value="AK">Alaska</option> - <option value="AS">American Samoa</option> - <option value="AZ">Arizona</option> - <option value="AR">Arkansas</option> - <option value="CA">California</option> - <option value="CO">Colorado</option> - <option value="CT">Connecticut</option> - <option value="DE">Delaware</option> - <option value="DC">District of Columbia</option> - <option value="FM">Federated States of Micronesia</option> - <option value="FL">Florida</option> - <option value="GA">Georgia</option> - <option value="GU">Guam</option> - <option value="HI">Hawaii</option> - <option value="ID">Idaho</option> - <option value="IL">Illinois</option> - <option value="IN">Indiana</option> - <option value="IA">Iowa</option> - <option value="KS">Kansas</option> - <option value="KY">Kentucky</option> - <option value="LA">Louisiana</option> - <option value="ME">Maine</option> - <option value="MH">Marshall Islands</option> - <option value="MD">Maryland</option> - <option value="MA">Massachusetts</option> - <option value="MI">Michigan</option> - <option value="MN">Minnesota</option> - <option value="MS">Mississippi</option> - <option value="MO">Missouri</option> - <option value="MT">Montana</option> - <option value="NE">Nebraska</option> - <option value="NV">Nevada</option> - <option value="NH">New Hampshire</option> - <option value="NJ">New Jersey</option> - <option value="NM">New Mexico</option> - <option value="NY">New York</option> - <option value="NC">North Carolina</option> - <option value="ND">North Dakota</option> - <option value="MP">Northern Mariana Islands</option> - <option value="OH">Ohio</option> - <option value="OK">Oklahoma</option> - <option value="OR">Oregon</option> - <option value="PW">Palau</option> - <option value="PA">Pennsylvania</option> - <option value="PR">Puerto Rico</option> - <option value="RI">Rhode Island</option> - <option value="SC">South Carolina</option> - <option value="SD">South Dakota</option> - <option value="TN">Tennessee</option> - <option value="TX">Texas</option> - <option value="UT">Utah</option> - <option value="VT">Vermont</option> - <option value="VI">Virgin Islands</option> - <option value="VA">Virginia</option> - <option value="WA">Washington</option> - <option value="WV">West Virginia</option> - <option value="WI">Wisconsin</option> - <option value="WY">Wyoming</option> - </select> + <select id="state"> + <option></option> + <option value="AL">Alabama</option> + <option value="AK">Alaska</option> + <option value="AS">American Samoa</option> + <option value="AZ">Arizona</option> + <option value="AR">Arkansas</option> + <option value="CA">California</option> + <option value="CO">Colorado</option> + <option value="CT">Connecticut</option> + <option value="DE">Delaware</option> + <option value="DC">District of Columbia</option> + <option value="FM">Federated States of Micronesia</option> + <option value="FL">Florida</option> + <option value="GA">Georgia</option> + <option value="GU">Guam</option> + <option value="HI">Hawaii</option> + <option value="ID">Idaho</option> + <option value="IL">Illinois</option> + <option value="IN">Indiana</option> + <option value="IA">Iowa</option> + <option value="KS">Kansas</option> + <option value="KY">Kentucky</option> + <option value="LA">Louisiana</option> + <option value="ME">Maine</option> + <option value="MH">Marshall Islands</option> + <option value="MD">Maryland</option> + <option value="MA">Massachusetts</option> + <option value="MI">Michigan</option> + <option value="MN">Minnesota</option> + <option value="MS">Mississippi</option> + <option value="MO">Missouri</option> + <option value="MT">Montana</option> + <option value="NE">Nebraska</option> + <option value="NV">Nevada</option> + <option value="NH">New Hampshire</option> + <option value="NJ">New Jersey</option> + <option value="NM">New Mexico</option> + <option value="NY">New York</option> + <option value="NC">North Carolina</option> + <option value="ND">North Dakota</option> + <option value="MP">Northern Mariana Islands</option> + <option value="OH">Ohio</option> + <option value="OK">Oklahoma</option> + <option value="OR">Oregon</option> + <option value="PW">Palau</option> + <option value="PA">Pennsylvania</option> + <option value="PR">Puerto Rico</option> + <option value="RI">Rhode Island</option> + <option value="SC">South Carolina</option> + <option value="SD">South Dakota</option> + <option value="TN">Tennessee</option> + <option value="TX">Texas</option> + <option value="UT">Utah</option> + <option value="VT">Vermont</option> + <option value="VI">Virgin Islands</option> + <option value="VA">Virginia</option> + <option value="WA">Washington</option> + <option value="WV">West Virginia</option> + <option value="WI">Wisconsin</option> + <option value="WY">Wyoming</option> + </select> </fieldset> </form> </body> diff --git a/ui/jquery.ui.selectmenu.js b/ui/jquery.ui.selectmenu.js index b53f577ab..91e1c3841 100644 --- a/ui/jquery.ui.selectmenu.js +++ b/ui/jquery.ui.selectmenu.js @@ -303,8 +303,8 @@ $.widget("ui.selectmenu", { } var thisAAttr = { html: selectOptionData[i].text, - href : '#nogo', - tabindex : -1, + href : '#nogo', + tabindex : -1, role : 'option', 'aria-selected' : false }; @@ -434,7 +434,7 @@ $.widget("ui.selectmenu", { if ( this.element.attr( 'disabled' ) ) { this.disable(); } else { - this.enable() + this.enable(); } // update value @@ -504,7 +504,7 @@ $.widget("ui.selectmenu", { // selected index, if it's in the menu, just the focused one // I copied this code from _moveSelection() and _moveFocus() // respectively --thg2k - var selectedIndex = (eventType !== 'focus' ? + var selectedIndex = (eventType !== 'focus' ? this._selectedOptionLi().data('index') : this._focusedOptionLi().data('index')) || 0; |