From 060af83ec9c78fb34b38388c00bb610410e46ee4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Scott=20Gonz=C3=A1lez?= Date: Wed, 13 Oct 2010 10:39:50 -0400 Subject: [PATCH] Slider demos: Coding standards. --- demos/slider/colorpicker.html | 64 ++++++++-------- demos/slider/default.html | 28 +++---- demos/slider/hotelrooms.html | 40 +++++----- demos/slider/index.html | 4 +- demos/slider/multiple-vertical.html | 48 ++++++------ demos/slider/range-vertical.html | 41 +++++----- demos/slider/range.html | 41 +++++----- demos/slider/rangemax.html | 38 +++++----- demos/slider/rangemin.html | 38 +++++----- demos/slider/side-scroll.html | 114 ++++++++++++++-------------- demos/slider/slider-vertical.html | 38 +++++----- demos/slider/steps.html | 38 +++++----- demos/slider/tabs.html | 42 +++++----- 13 files changed, 289 insertions(+), 285 deletions(-) diff --git a/demos/slider/colorpicker.html b/demos/slider/colorpicker.html index 121249e22c..e6972cb414 100644 --- a/demos/slider/colorpicker.html +++ b/demos/slider/colorpicker.html @@ -1,16 +1,16 @@ - + jQuery UI Slider - Colorpicker - - - - - - - - - @@ -73,8 +73,8 @@

- -Simple Colorpicker + + Simple Colorpicker

@@ -85,10 +85,10 @@ Simple Colorpicker
+ +
-

Combine three sliders to create a simple RGB colorpicker.

-
diff --git a/demos/slider/default.html b/demos/slider/default.html index d63086b4d0..0f029c505b 100644 --- a/demos/slider/default.html +++ b/demos/slider/default.html @@ -1,21 +1,21 @@ - + jQuery UI Slider - Default functionality - - - - - - - - - @@ -27,10 +27,10 @@ + +
-

The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.

-
diff --git a/demos/slider/hotelrooms.html b/demos/slider/hotelrooms.html index 02f8b772ff..6d35ca737b 100644 --- a/demos/slider/hotelrooms.html +++ b/demos/slider/hotelrooms.html @@ -1,32 +1,32 @@ - + jQuery UI Slider - Range with fixed minimum - - - - - - - - - @@ -49,10 +49,10 @@ + +
-

How to bind a slider to an existing select element. The select stays visible to display the change. When the select is changed, the slider is updated, too.

-
diff --git a/demos/slider/index.html b/demos/slider/index.html index ec9a2f4f3f..caf68fe978 100644 --- a/demos/slider/index.html +++ b/demos/slider/index.html @@ -1,9 +1,9 @@ - + jQuery UI Slider Demos - + diff --git a/demos/slider/multiple-vertical.html b/demos/slider/multiple-vertical.html index 62d0b16344..1ee91bc71b 100644 --- a/demos/slider/multiple-vertical.html +++ b/demos/slider/multiple-vertical.html @@ -1,35 +1,35 @@ - + jQuery UI Slider - Multiple sliders - - - - - - - - - - - - - - - - @@ -32,18 +33,18 @@

- - + +

+ +
-

Change the orientation of the range slider to vertical. Assign a height value via .height() or by setting the height through CSS, and set the orientation option to "vertical."

-
diff --git a/demos/slider/range.html b/demos/slider/range.html index be4e19af48..baeea6161c 100644 --- a/demos/slider/range.html +++ b/demos/slider/range.html @@ -1,30 +1,31 @@ - + jQuery UI Slider - Range slider - - - - - - - - - @@ -33,18 +34,18 @@

- - + +

+ +
-

Set the range option to true to capture a range of values with two drag handles. The space between the handles is filled with a different background color to indicate those values are selected.

-
diff --git a/demos/slider/rangemax.html b/demos/slider/rangemax.html index b4f4e1e08d..c37d5d054d 100644 --- a/demos/slider/rangemax.html +++ b/demos/slider/rangemax.html @@ -1,30 +1,30 @@ - + jQuery UI Slider - Range with fixed maximum - - - - - - - - - @@ -33,17 +33,17 @@

-Minimum number of bedrooms: - + +

+ +
-

Fix the maximum value of the range slider so that the user can only select a minimum. Set the range option to "max."

-
diff --git a/demos/slider/rangemin.html b/demos/slider/rangemin.html index 4f146824a8..b89a59c509 100644 --- a/demos/slider/rangemin.html +++ b/demos/slider/rangemin.html @@ -1,30 +1,30 @@ - + jQuery UI Slider - Range with fixed minimum - - - - - - - - - @@ -33,18 +33,18 @@

- - + +

+ +
-

Fix the minimum value of the range slider so that the user can only select a maximum. Set the range option to "min."

-
diff --git a/demos/slider/side-scroll.html b/demos/slider/side-scroll.html index fe5599bee4..4d9f02e4af 100644 --- a/demos/slider/side-scroll.html +++ b/demos/slider/side-scroll.html @@ -1,92 +1,98 @@ - + jQuery UI Slider - Slider scrollbar - - - - - - - - - @@ -122,16 +128,12 @@ - -
-

Use a slider to manipulate the positioning of content on the page. In this case, it acts as a scrollbar with the potential to capture values if needed.

-
diff --git a/demos/slider/slider-vertical.html b/demos/slider/slider-vertical.html index b6b4027b10..99be93cbb1 100644 --- a/demos/slider/slider-vertical.html +++ b/demos/slider/slider-vertical.html @@ -1,31 +1,31 @@ - + jQuery UI Slider - Vertical slider - - - - - - - - - @@ -34,18 +34,18 @@

- - + +

+ +
-

Change the orientation of the slider to vertical. Assign a height value via .height() or by setting the height through CSS, and set the orientation option to "vertical."

-
diff --git a/demos/slider/steps.html b/demos/slider/steps.html index 66c84b0c3b..df582e7259 100644 --- a/demos/slider/steps.html +++ b/demos/slider/steps.html @@ -1,30 +1,30 @@ - + jQuery UI Slider - Snap to increments - - - - - - - - - @@ -33,18 +33,18 @@

- - + +

+ +
-

Increment slider values with the step option set to an integer, commonly a dividend of the slider's maximum value. The default increment is 1.

-
diff --git a/demos/slider/tabs.html b/demos/slider/tabs.html index 40916c46a8..7a80a98b08 100644 --- a/demos/slider/tabs.html +++ b/demos/slider/tabs.html @@ -1,31 +1,31 @@ - + jQuery UI Slider - Snap to increments - - - - - - - - - -