jQuery UI Autocomplete Demos

From 303f20e1b3c977d75047bed1a3533a180d73fab5 Mon Sep 17 00:00:00 2001 From: Scott González Date: Mon, 10 Sep 2012 11:33:46 -0400 Subject: Demos: Cleanup. --- demos/autocomplete/categories.html | 15 +++++-------- demos/autocomplete/combobox.html | 11 ++-------- demos/autocomplete/custom-data.html | 19 ++++++---------- demos/autocomplete/default.html | 11 ++-------- demos/autocomplete/folding.html | 11 ++-------- demos/autocomplete/index.html | 36 +++++++++++++++---------------- demos/autocomplete/maxheight.html | 11 ++-------- demos/autocomplete/multiple-remote.html | 11 ++-------- demos/autocomplete/multiple.html | 11 ++-------- demos/autocomplete/remote-jsonp.html | 11 ++-------- demos/autocomplete/remote-with-cache.html | 11 ++-------- demos/autocomplete/remote.html | 11 ++-------- demos/autocomplete/xml.html | 11 ++-------- 13 files changed, 49 insertions(+), 131 deletions(-) (limited to 'demos/autocomplete') diff --git a/demos/autocomplete/categories.html b/demos/autocomplete/categories.html index 5d973a190..1138a16ef 100644 --- a/demos/autocomplete/categories.html +++ b/demos/autocomplete/categories.html @@ -1,4 +1,4 @@ - + @@ -29,7 +29,7 @@ ul.append( "

" + item.category + "

" ); currentCategory = item.category; } - that._renderItem( ul, item ); + that._renderItemData( ul, item ); }); } }); @@ -57,16 +57,11 @@ -

- Search: - -

- - +Search: +

A categorized search result. Try typing "a" or "n".

- + diff --git a/demos/autocomplete/combobox.html b/demos/autocomplete/combobox.html index 40050c7b8..64d49bcc5 100644 --- a/demos/autocomplete/combobox.html +++ b/demos/autocomplete/combobox.html @@ -1,4 +1,4 @@ - + @@ -172,8 +172,6 @@ -

Your preferred programming language: - -

- - +

Select a project (type "j" for a start):

+ + +

You can use your own custom data formats and displays by simply overriding the default focus and select actions.

Try typing "j" to get a list of projects or just press the down arrow.

- +

diff --git a/demos/autocomplete/default.html b/demos/autocomplete/default.html index e9c38ff95..0f6744b33 100644 --- a/demos/autocomplete/default.html +++ b/demos/autocomplete/default.html @@ -1,4 +1,4 @@ - + @@ -44,22 +44,15 @@ - -

Tags:

- - -

The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.

The datasource is a simple JavaScript array, provided to the widget using the source-option.

- + diff --git a/demos/autocomplete/folding.html b/demos/autocomplete/folding.html index e2c8938a2..2e54ad672 100644 --- a/demos/autocomplete/folding.html +++ b/demos/autocomplete/folding.html @@ -1,4 +1,4 @@ - + @@ -41,8 +41,6 @@ -

- - -

The autocomplete field uses a custom source option which will match results that have accented characters even when the text field doesn't contain accented characters. However if the you type in accented characters in the text field it is smart enough not to show results that aren't accented.

Try typing "Jo" to see "John" and "Jörn", then type "Jö" to see only "Jörn".

- + diff --git a/demos/autocomplete/index.html b/demos/autocomplete/index.html index 77f801996..faa18d438 100644 --- a/demos/autocomplete/index.html +++ b/demos/autocomplete/index.html @@ -1,27 +1,25 @@ - + jQuery UI Autocomplete Demos - -

Examples

+ +

+ diff --git a/demos/autocomplete/maxheight.html b/demos/autocomplete/maxheight.html index bb27e2a0d..fbf886baa 100644 --- a/demos/autocomplete/maxheight.html +++ b/demos/autocomplete/maxheight.html @@ -1,4 +1,4 @@ - + @@ -59,20 +59,13 @@ -

Tags:

- - -

When displaying a long list of options, you can simply set the max-height for the autocomplete menu to prevent the menu from growing too large. Try typing "a" or "s" above to get a long list of results that you can scroll through.

- + diff --git a/demos/autocomplete/multiple-remote.html b/demos/autocomplete/multiple-remote.html index d77315036..f33aba9a4 100644 --- a/demos/autocomplete/multiple-remote.html +++ b/demos/autocomplete/multiple-remote.html @@ -1,4 +1,4 @@ - + @@ -67,21 +67,14 @@ -

Birds:

- - -

Usage: Enter at least two characters to get bird name suggestions. Select a value to continue adding more names.

This is an example showing how to use the source-option along with some events to enable autocompleting multiple values into a single field.

- + diff --git a/demos/autocomplete/multiple.html b/demos/autocomplete/multiple.html index ff0aee0e8..54bc0eeec 100644 --- a/demos/autocomplete/multiple.html +++ b/demos/autocomplete/multiple.html @@ -1,4 +1,4 @@ - + @@ -80,21 +80,14 @@ -

Tag programming languages:

- - -

Usage: Type something, eg. "j" to see suggestions for tagging with programming languages. Select a value, then continue typing to add more.

This is an example showing how to use the source-option along with some events to enable autocompleting multiple values into a single field.

- + diff --git a/demos/autocomplete/remote-jsonp.html b/demos/autocomplete/remote-jsonp.html index 7a9fa486a..f1a079a55 100644 --- a/demos/autocomplete/remote-jsonp.html +++ b/demos/autocomplete/remote-jsonp.html @@ -1,4 +1,4 @@ - + @@ -63,8 +63,6 @@ -

Your city: @@ -76,14 +74,9 @@

- - -

The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are cities, displayed when at least two characters are entered into the field.

In this case, the datasource is the geonames.org webservice. While only the city name itself ends up in the input after selecting an element, more info is displayed in the suggestions to help find the right entry. That data is also available in callbacks, as illustrated by the Result area below the input.

- + diff --git a/demos/autocomplete/remote-with-cache.html b/demos/autocomplete/remote-with-cache.html index 79d4794ea..a2af90d67 100644 --- a/demos/autocomplete/remote-with-cache.html +++ b/demos/autocomplete/remote-with-cache.html @@ -1,4 +1,4 @@ - + @@ -42,21 +42,14 @@ -

Birds:

- - -

The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.

Similar to the remote datasource demo, though this adds some local caching to improve performance. The cache here saves just one query, and could be extended to cache multiple values, one for each term.

- + diff --git a/demos/autocomplete/remote.html b/demos/autocomplete/remote.html index 5086ad0b0..82bada235 100644 --- a/demos/autocomplete/remote.html +++ b/demos/autocomplete/remote.html @@ -1,4 +1,4 @@ - + @@ -37,8 +37,6 @@ -

Birds: @@ -49,14 +47,9 @@

- - -

The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.

The datasource is a server-side script which returns JSON data, specified via a simple URL for the source-option. In addition, the minLength-option is set to 2 to avoid queries that would return too many results and the select-event is used to display some feedback.

- + diff --git a/demos/autocomplete/xml.html b/demos/autocomplete/xml.html index 1fc0b8da3..61c5edb8d 100644 --- a/demos/autocomplete/xml.html +++ b/demos/autocomplete/xml.html @@ -1,4 +1,4 @@ - + @@ -48,8 +48,6 @@ -

London matches: @@ -60,14 +58,9 @@

- - -

This demo shows how to retrieve some XML data, parse it using jQuery's methods, then provide it to the autocomplete as the datasource.

This should also serve as a reference on how to parse a remote XML datasource - the parsing would just happen for each request within the source-callback.

- + -- cgit v1.2.3 From a638acb5830b2130765132a5699149152ddd15b2 Mon Sep 17 00:00:00 2001 From: Scott González Date: Thu, 20 Sep 2012 21:41:47 -0400 Subject: Upgrade jQuery to 1.8.2. --- build/tasks/testswarm.js | 2 +- demos/accordion/collapsible.html | 2 +- demos/accordion/custom-icons.html | 2 +- demos/accordion/default.html | 2 +- demos/accordion/fillspace.html | 2 +- demos/accordion/hoverintent.html | 2 +- demos/accordion/no-auto-height.html | 2 +- demos/accordion/sortable.html | 2 +- demos/addClass/default.html | 2 +- demos/animate/default.html | 2 +- demos/autocomplete/categories.html | 2 +- demos/autocomplete/combobox.html | 2 +- demos/autocomplete/custom-data.html | 2 +- demos/autocomplete/default.html | 2 +- demos/autocomplete/folding.html | 2 +- demos/autocomplete/maxheight.html | 2 +- demos/autocomplete/multiple-remote.html | 2 +- demos/autocomplete/multiple.html | 2 +- demos/autocomplete/remote-jsonp.html | 2 +- demos/autocomplete/remote-with-cache.html | 2 +- demos/autocomplete/remote.html | 2 +- demos/autocomplete/xml.html | 2 +- demos/button/checkbox.html | 2 +- demos/button/default.html | 2 +- demos/button/icons.html | 2 +- demos/button/radio.html | 2 +- demos/button/splitbutton.html | 2 +- demos/button/toolbar.html | 2 +- demos/datepicker/alt-field.html | 2 +- demos/datepicker/animation.html | 2 +- demos/datepicker/buttonbar.html | 2 +- demos/datepicker/date-formats.html | 2 +- demos/datepicker/date-range.html | 2 +- demos/datepicker/default.html | 2 +- demos/datepicker/dropdown-month-year.html | 2 +- demos/datepicker/icon-trigger.html | 2 +- demos/datepicker/inline.html | 2 +- demos/datepicker/localization.html | 2 +- demos/datepicker/min-max.html | 2 +- demos/datepicker/multiple-calendars.html | 2 +- demos/datepicker/other-months.html | 2 +- demos/datepicker/show-week.html | 2 +- demos/dialog/animated.html | 2 +- demos/dialog/default.html | 2 +- demos/dialog/modal-confirmation.html | 2 +- demos/dialog/modal-form.html | 2 +- demos/dialog/modal-message.html | 2 +- demos/dialog/modal.html | 2 +- demos/draggable/constrain-movement.html | 2 +- demos/draggable/cursor-style.html | 2 +- demos/draggable/default.html | 2 +- demos/draggable/delay-start.html | 2 +- demos/draggable/events.html | 2 +- demos/draggable/handle.html | 2 +- demos/draggable/revert.html | 2 +- demos/draggable/scroll.html | 2 +- demos/draggable/snap-to.html | 2 +- demos/draggable/sortable.html | 2 +- demos/draggable/visual-feedback.html | 2 +- demos/droppable/accepted-elements.html | 2 +- demos/droppable/default.html | 2 +- demos/droppable/photo-manager.html | 2 +- demos/droppable/propagation.html | 2 +- demos/droppable/revert.html | 2 +- demos/droppable/shopping-cart.html | 2 +- demos/droppable/visual-feedback.html | 2 +- demos/effect/default.html | 2 +- demos/effect/easing.html | 2 +- demos/hide/default.html | 2 +- demos/menu/default.html | 2 +- demos/menu/navigationmenu.html | 2 +- demos/menu/topalignmenu.html | 2 +- demos/position/cycler.html | 2 +- demos/position/default.html | 2 +- demos/progressbar/animated.html | 2 +- demos/progressbar/default.html | 2 +- demos/progressbar/resize.html | 2 +- demos/removeClass/default.html | 2 +- demos/resizable/animate.html | 2 +- demos/resizable/aspect-ratio.html | 2 +- demos/resizable/constrain-area.html | 2 +- demos/resizable/default.html | 2 +- demos/resizable/delay-start.html | 2 +- demos/resizable/helper.html | 2 +- demos/resizable/max-min.html | 2 +- demos/resizable/snap-to-grid.html | 2 +- demos/resizable/synchronous-resize.html | 2 +- demos/resizable/textarea.html | 2 +- demos/resizable/visual-feedback.html | 2 +- demos/selectable/default.html | 2 +- demos/selectable/display-grid.html | 2 +- demos/selectable/serialize.html | 2 +- demos/show/default.html | 2 +- demos/slider/colorpicker.html | 2 +- demos/slider/default.html | 2 +- demos/slider/hotelrooms.html | 2 +- demos/slider/multiple-vertical.html | 2 +- demos/slider/range-vertical.html | 2 +- demos/slider/range.html | 2 +- demos/slider/rangemax.html | 2 +- demos/slider/rangemin.html | 2 +- demos/slider/side-scroll.html | 2 +- demos/slider/slider-vertical.html | 2 +- demos/slider/steps.html | 2 +- demos/sortable/connect-lists-through-tabs.html | 2 +- demos/sortable/connect-lists.html | 2 +- demos/sortable/default.html | 2 +- demos/sortable/delay-start.html | 2 +- demos/sortable/display-grid.html | 2 +- demos/sortable/empty-lists.html | 2 +- demos/sortable/items.html | 2 +- demos/sortable/placeholder.html | 2 +- demos/sortable/portlets.html | 2 +- demos/spinner/currency.html | 2 +- demos/spinner/decimal.html | 2 +- demos/spinner/default.html | 2 +- demos/spinner/latlong.html | 2 +- demos/spinner/overflow.html | 2 +- demos/spinner/time.html | 2 +- demos/switchClass/default.html | 2 +- demos/tabs/ajax.html | 2 +- demos/tabs/bottom.html | 2 +- demos/tabs/collapsible.html | 2 +- demos/tabs/default.html | 2 +- demos/tabs/manipulation.html | 2 +- demos/tabs/mouseover.html | 2 +- demos/tabs/sortable.html | 2 +- demos/tabs/vertical.html | 2 +- demos/toggle/default.html | 2 +- demos/toggleClass/default.html | 2 +- demos/tooltip/custom-animation.html | 2 +- demos/tooltip/custom-content.html | 2 +- demos/tooltip/custom-style.html | 2 +- demos/tooltip/default.html | 2 +- demos/tooltip/forms.html | 2 +- demos/tooltip/tracking.html | 2 +- demos/tooltip/video-player.html | 2 +- demos/widget/default.html | 2 +- jquery-1.8.0.js | 9227 ------------------- jquery-1.8.2.js | 9440 ++++++++++++++++++++ tests/index.html | 2 +- tests/jquery-1.8.1.js | 9301 +++++++++++++++++++ tests/jquery-1.8.2.js | 9440 ++++++++++++++++++++ tests/jquery.js | 2 +- tests/unit/accordion/all.html | 2 +- tests/unit/all-active.html | 2 +- tests/unit/all.html | 2 +- tests/unit/autocomplete/all.html | 2 +- tests/unit/button/all.html | 2 +- tests/unit/core/all.html | 2 +- tests/unit/datepicker/all.html | 2 +- tests/unit/dialog/all.html | 2 +- tests/unit/draggable/all.html | 2 +- tests/unit/droppable/all.html | 2 +- tests/unit/effects/all.html | 2 +- tests/unit/index.html | 2 +- tests/unit/menu/all.html | 2 +- tests/unit/position/all.html | 2 +- tests/unit/progressbar/all.html | 2 +- tests/unit/resizable/all.html | 2 +- tests/unit/selectable/all.html | 2 +- tests/unit/slider/all.html | 2 +- tests/unit/sortable/all.html | 2 +- tests/unit/spinner/all.html | 2 +- tests/unit/subsuite.js | 2 +- tests/unit/tabs/all.html | 2 +- tests/unit/tooltip/all.html | 2 +- tests/unit/widget/all.html | 2 +- tests/visual/accordion/icons.html | 2 +- tests/visual/addClass/queue.html | 2 +- tests/visual/button/button.html | 2 +- tests/visual/button/performance.html | 2 +- tests/visual/compound/accordion_tabs.html | 2 +- tests/visual/compound/datepicker_dialog.html | 2 +- tests/visual/compound/dialog_widgets.html | 2 +- tests/visual/compound/draggable_accordion.html | 2 +- ...aggable_accordion_accordion_tabs_draggable.html | 2 +- .../compound/sortable_accordion_sortable_tabs.html | 2 +- tests/visual/compound/tabs_tabs.html | 2 +- tests/visual/compound/tabs_tooltips.html | 2 +- tests/visual/dialog/performance.html | 2 +- tests/visual/effects/all.html | 2 +- tests/visual/effects/scale.html | 2 +- tests/visual/index.html | 2 +- tests/visual/menu/menu.html | 2 +- tests/visual/position/position.html | 2 +- tests/visual/position/position_feedback.html | 2 +- tests/visual/theme.html | 2 +- tests/visual/tooltip/animations.html | 2 +- tests/visual/tooltip/tooltip.html | 2 +- 190 files changed, 28367 insertions(+), 9413 deletions(-) delete mode 100644 jquery-1.8.0.js create mode 100644 jquery-1.8.2.js create mode 100644 tests/jquery-1.8.1.js create mode 100644 tests/jquery-1.8.2.js (limited to 'demos/autocomplete') diff --git a/build/tasks/testswarm.js b/build/tasks/testswarm.js index 46f152e7f..b42f9cd61 100644 --- a/build/tasks/testswarm.js +++ b/build/tasks/testswarm.js @@ -3,7 +3,7 @@ module.exports = function( grunt ) { var versions = { "git": "git", - "1.8": "1.8.0", + "1.8": "1.8.0 1.8.1 1.8.2", "1.7": "1.7 1.7.1 1.7.2", "1.6": "1.6 1.6.1 1.6.2 1.6.3 1.6.4" }, diff --git a/demos/accordion/collapsible.html b/demos/accordion/collapsible.html index f6439bb76..5fa3ba9a5 100644 --- a/demos/accordion/collapsible.html +++ b/demos/accordion/collapsible.html @@ -4,7 +4,7 @@ jQuery UI Accordion - Collapse content - + diff --git a/demos/accordion/custom-icons.html b/demos/accordion/custom-icons.html index 11672bea1..660f1e198 100644 --- a/demos/accordion/custom-icons.html +++ b/demos/accordion/custom-icons.html @@ -4,7 +4,7 @@ jQuery UI Accordion - Customize icons - + diff --git a/demos/accordion/default.html b/demos/accordion/default.html index 005d43115..28fe7cc6d 100644 --- a/demos/accordion/default.html +++ b/demos/accordion/default.html @@ -4,7 +4,7 @@ jQuery UI Accordion - Default functionality - + diff --git a/demos/accordion/fillspace.html b/demos/accordion/fillspace.html index ced9ec64a..bdc2939c5 100644 --- a/demos/accordion/fillspace.html +++ b/demos/accordion/fillspace.html @@ -4,7 +4,7 @@ jQuery UI Accordion - Fill space - + diff --git a/demos/accordion/hoverintent.html b/demos/accordion/hoverintent.html index 3ee6a2b10..232773c84 100644 --- a/demos/accordion/hoverintent.html +++ b/demos/accordion/hoverintent.html @@ -4,7 +4,7 @@ jQuery UI Accordion - Open on hoverintent - + diff --git a/demos/accordion/no-auto-height.html b/demos/accordion/no-auto-height.html index 088b6e5d3..a6356413a 100644 --- a/demos/accordion/no-auto-height.html +++ b/demos/accordion/no-auto-height.html @@ -4,7 +4,7 @@ jQuery UI Accordion - No auto height - + diff --git a/demos/accordion/sortable.html b/demos/accordion/sortable.html index 122e47087..70841b3f2 100644 --- a/demos/accordion/sortable.html +++ b/demos/accordion/sortable.html @@ -4,7 +4,7 @@ jQuery UI Accordion - Sortable - + diff --git a/demos/addClass/default.html b/demos/addClass/default.html index 5d68e941c..ad3a1058d 100644 --- a/demos/addClass/default.html +++ b/demos/addClass/default.html @@ -4,7 +4,7 @@ jQuery UI Effects - addClass demo - +