summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--demos/selectmenu/typeahead.html138
-rw-r--r--ui/jquery.ui.selectmenu.js8
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;