jQuery UI Autocomplete Combobox Demo

From eecbde22a6b338785ac8e1991858ba7dab976eae Mon Sep 17 00:00:00 2001 From: Richard Worth Date: Wed, 20 Jan 2010 14:00:14 +0000 Subject: eol-style and mime-type --- demos/autocomplete/combobox.html | 252 +++++++++++++++--------------- demos/autocomplete/custom-data.html | 182 ++++++++++----------- demos/autocomplete/default.html | 84 +++++----- demos/autocomplete/index.html | 40 ++--- demos/autocomplete/remote-jsonp.html | 170 ++++++++++---------- demos/autocomplete/remote-with-cache.html | 152 +++++++++--------- demos/autocomplete/remote.html | 112 ++++++------- demos/button/checkbox.html | 92 +++++------ demos/button/default.html | 86 +++++----- demos/button/icons.html | 124 +++++++-------- demos/button/index.html | 44 +++--- demos/button/radio.html | 90 +++++------ demos/button/splitbutton.html | 114 +++++++------- demos/button/toolbar.html | 122 +++++++-------- demos/datepicker/animation.html | 110 ++++++------- 15 files changed, 887 insertions(+), 887 deletions(-) (limited to 'demos') diff --git a/demos/autocomplete/combobox.html b/demos/autocomplete/combobox.html index a77ff7d61..7ac171b63 100644 --- a/demos/autocomplete/combobox.html +++ b/demos/autocomplete/combobox.html @@ -1,126 +1,126 @@ - - - - jQuery UI Autocomplete Combobox Demo - - - - - - - - - - - - - -

- -

- Your preferred programming language: - -

- -

-A custom widget built by composition of Autocomplete and Button. You can either type something into the field to get filtered suggestions based on your input, or use the button to get the full list of selections. -

-The input is read from an existing select-element for progressive enhancement, passed to Autocomplete with a customized source-option. -

- - - + + + + jQuery UI Autocomplete Combobox Demo + + + + + + + + + + + + + +

+ +

+ Your preferred programming language: + +

+ +

+A custom widget built by composition of Autocomplete and Button. You can either type something into the field to get filtered suggestions based on your input, or use the button to get the full list of selections. +

+The input is read from an existing select-element for progressive enhancement, passed to Autocomplete with a customized source-option. +

+ + + diff --git a/demos/autocomplete/custom-data.html b/demos/autocomplete/custom-data.html index 1b112344b..5be147f29 100644 --- a/demos/autocomplete/custom-data.html +++ b/demos/autocomplete/custom-data.html @@ -1,91 +1,91 @@ - - - - jQuery UI Autocomplete Custom Data Demo - - - - - - - - - - - - -

- Select a project: -

- - -

- -

-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. -

- - - + + + + jQuery UI Autocomplete Custom Data Demo + + + + + + + + + + + + +

+ Select a project: +

+ + +

+ +

+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 1fbfd2d2a..d0f88859e 100644 --- a/demos/autocomplete/default.html +++ b/demos/autocomplete/default.html @@ -1,42 +1,42 @@ - - - - jQuery UI Autocomplete Default Demo - - - - - - - - - - - -

- -

- 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. -

- - - + + + + jQuery UI Autocomplete Default Demo + + + + + + + + + + + +

+ +

+ 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/index.html b/demos/autocomplete/index.html index d4cc75038..ffca515e0 100644 --- a/demos/autocomplete/index.html +++ b/demos/autocomplete/index.html @@ -1,20 +1,20 @@ - - - - jQuery UI Autocomplete Demos - - - -

Examples

- - + + + + jQuery UI Autocomplete Demos + + + +

Examples

+ + diff --git a/demos/autocomplete/remote-jsonp.html b/demos/autocomplete/remote-jsonp.html index 0349e5a2c..46ac87d81 100644 --- a/demos/autocomplete/remote-jsonp.html +++ b/demos/autocomplete/remote-jsonp.html @@ -1,85 +1,85 @@ - - - - jQuery UI Autocomplete Remote JSONP datasource demo - - - - - - - - - - - - -

- -

- Your city: - - Powered by geonames.org -

- -

- Result: -

- -

-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. -

- - - + + + + jQuery UI Autocomplete Remote JSONP datasource demo + + + + + + + + + + + + +

+ +

+ Your city: + + Powered by geonames.org +

+ +

+ Result: +

+ +

+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 aa0fb2eb5..4f470d17b 100644 --- a/demos/autocomplete/remote-with-cache.html +++ b/demos/autocomplete/remote-with-cache.html @@ -1,76 +1,76 @@ - - - - jQuery UI Autocomplete Remote with caching demo - - - - - - - - - - - -

- -

- Birds: - -

- -

- Result: -

- -

-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. -

- - - + + + + jQuery UI Autocomplete Remote with caching demo + + + + + + + + + + + +

+ +

+ Birds: + +

+ +

+ Result: +

+ +

+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 c183b5adb..cef9b549b 100644 --- a/demos/autocomplete/remote.html +++ b/demos/autocomplete/remote.html @@ -1,56 +1,56 @@ - - - - jQuery UI Autocomplete Remote datasource demo - - - - - - - - - - - -

- -

- Birds: - -

- -

- Result: -

- -

-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. -

- - - + + + + jQuery UI Autocomplete Remote datasource demo + + + + + + + + + + + +

+ +

+ Birds: + +

+ +

+ Result: +

+ +

+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/button/checkbox.html b/demos/button/checkbox.html index 2dad5575e..1643837c0 100644 --- a/demos/button/checkbox.html +++ b/demos/button/checkbox.html @@ -1,46 +1,46 @@ - - - - jQuery UI Button - Checkboxes demo - - - - - - - - - - - -

- - Toggle - -

- B - I - U -

- -

- - - -

- -

TODO

- -

- - - - - + + + + jQuery UI Button - Checkboxes demo + + + + + + + + + + + +

+ + Toggle + +

+ B + I + U +

+ +

+ + + +

+ +

TODO

+ +

+ + + + + diff --git a/demos/button/default.html b/demos/button/default.html index 869aee747..c13bfc76d 100644 --- a/demos/button/default.html +++ b/demos/button/default.html @@ -1,43 +1,43 @@ - - - - jQuery UI Button - Default demo - - - - - - - - - - - -

- - - - - - An anchor - -

- - - -

- -

Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.

- -

- - - - - + + + + jQuery UI Button - Default demo + + + + + + + + + + + +

+ + + + + + An anchor + +

+ + + +

+ +

Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.

+ +

+ + + + + diff --git a/demos/button/icons.html b/demos/button/icons.html index ef5b15f5d..78c5791d5 100644 --- a/demos/button/icons.html +++ b/demos/button/icons.html @@ -1,62 +1,62 @@ - - - - jQuery UI Button - Icons demo - - - - - - - - - - - -

- - - - - - -

- - - -

- -

Some buttons with various combinations of text and icons, here specified via metadata.

- -

- - - - - + + + + jQuery UI Button - Icons demo + + + + + + + + + + + +

+ + + + + + +

+ + + +

+ +

Some buttons with various combinations of text and icons, here specified via metadata.

+ +

+ + + + + diff --git a/demos/button/index.html b/demos/button/index.html index 7752d72e2..e69c16d8d 100644 --- a/demos/button/index.html +++ b/demos/button/index.html @@ -1,22 +1,22 @@ - - - - jQuery UI Button Demos - - - - -

Examples

- - - + + + + jQuery UI Button Demos + + + + +

Examples

+ + + diff --git a/demos/button/radio.html b/demos/button/radio.html index 13875209b..d5105e114 100644 --- a/demos/button/radio.html +++ b/demos/button/radio.html @@ -1,45 +1,45 @@ - - - - jQuery UI Button - Radio Buttons demo - - - - - - - - - - - -

- - - -

- -

A set of three radio buttons transformed into a button set.

- -

- - - - - + + + + jQuery UI Button - Radio Buttons demo + + + + + + + + + + + +

+ + + +

+ +

A set of three radio buttons transformed into a button set.

+ +

+ + + + + diff --git a/demos/button/splitbutton.html b/demos/button/splitbutton.html index 4f1f1e630..d90001634 100644 --- a/demos/button/splitbutton.html +++ b/demos/button/splitbutton.html @@ -1,57 +1,57 @@ - - - - jQuery UI Button - Default demo - - - - - - - - - - - -

- -

- - -

- -

- - - -

- -

An example of a split button built with two buttons: A plan button with just text, one with only a primary icon -and no text. Both are grouped together in a set.

- -

- - - - - + + + + jQuery UI Button - Default demo + + + + + + + + + + + +

+ +

+ + +

+ +

+ + + +

+ +

An example of a split button built with two buttons: A plan button with just text, one with only a primary icon +and no text. Both are grouped together in a set.

+ +

+ + + + + diff --git a/demos/button/toolbar.html b/demos/button/toolbar.html index a56242bfc..e719a00a8 100644 --- a/demos/button/toolbar.html +++ b/demos/button/toolbar.html @@ -1,32 +1,32 @@ - - - - jQuery UI Button - Toolbar demo - - - - - + + + + jQuery UI Button - Toolbar demo + + + + + - - - - -

- + }); + $("#shuffle").button(); + $("#repeat").buttonset(); + }); + + + + + - - - -

- -

- A mediaplayer toolbar. Take a look at the underlying markup: A few button elements, - an input of type checkbox for the Shuffle button, and three inputs of type radio for the Repeat options. -

- -

- - - - - + + +

+ + + +

+ +

+ A mediaplayer toolbar. Take a look at the underlying markup: A few button elements, + an input of type checkbox for the Shuffle button, and three inputs of type radio for the Repeat options. +

+ +

+ + + + + diff --git a/demos/datepicker/animation.html b/demos/datepicker/animation.html index 2185cdf00..c8ca11a42 100644 --- a/demos/datepicker/animation.html +++ b/demos/datepicker/animation.html @@ -1,55 +1,55 @@ - - - - jQuery UI Datepicker - Animations - - - - - - - - - - - - - - - - - -

- -

Date:

- -

Animations:
- -

- -

Use different animations when opening or closing the datepicker. Choose an animation from the dropdown, then click on the input to see its effect. You can use one of the three standard animations or any of the UI Effects.

- -

- - - + + + + jQuery UI Datepicker - Animations + + + + + + + + + + + + + + + + + +

+ +

Date:

+ +

Animations:
+ +

+ +

+ + + -- cgit v1.2.3