From 75ad7e4bd7d69243e7e5281c2642f00478fb072d Mon Sep 17 00:00:00 2001 From: Filipp Lepalaan Date: Wed, 19 Feb 2014 18:02:09 +0200 Subject: Added tags, jquery UI --- apps/it/static/js/ui/demos/slider/colorpicker.html | 87 ++++++++++++++ apps/it/static/js/ui/demos/slider/default.html | 27 +++++ apps/it/static/js/ui/demos/slider/hotelrooms.html | 49 ++++++++ apps/it/static/js/ui/demos/slider/index.html | 24 ++++ .../js/ui/demos/slider/multiple-vertical.html | 69 +++++++++++ .../static/js/ui/demos/slider/range-vertical.html | 41 +++++++ apps/it/static/js/ui/demos/slider/range.html | 42 +++++++ apps/it/static/js/ui/demos/slider/rangemax.html | 40 +++++++ apps/it/static/js/ui/demos/slider/rangemin.html | 41 +++++++ apps/it/static/js/ui/demos/slider/side-scroll.html | 131 +++++++++++++++++++++ .../static/js/ui/demos/slider/slider-vertical.html | 42 +++++++ apps/it/static/js/ui/demos/slider/steps.html | 41 +++++++ 12 files changed, 634 insertions(+) create mode 100644 apps/it/static/js/ui/demos/slider/colorpicker.html create mode 100644 apps/it/static/js/ui/demos/slider/default.html create mode 100644 apps/it/static/js/ui/demos/slider/hotelrooms.html create mode 100644 apps/it/static/js/ui/demos/slider/index.html create mode 100644 apps/it/static/js/ui/demos/slider/multiple-vertical.html create mode 100644 apps/it/static/js/ui/demos/slider/range-vertical.html create mode 100644 apps/it/static/js/ui/demos/slider/range.html create mode 100644 apps/it/static/js/ui/demos/slider/rangemax.html create mode 100644 apps/it/static/js/ui/demos/slider/rangemin.html create mode 100644 apps/it/static/js/ui/demos/slider/side-scroll.html create mode 100644 apps/it/static/js/ui/demos/slider/slider-vertical.html create mode 100644 apps/it/static/js/ui/demos/slider/steps.html (limited to 'apps/it/static/js/ui/demos/slider') diff --git a/apps/it/static/js/ui/demos/slider/colorpicker.html b/apps/it/static/js/ui/demos/slider/colorpicker.html new file mode 100644 index 0000000..bf74b41 --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/colorpicker.html @@ -0,0 +1,87 @@ + + + + + jQuery UI Slider - Colorpicker + + + + + + + + + + + + +

+ + Simple Colorpicker +

+ +
+
+
+ +
+ +
+

Combine three sliders to create a simple RGB colorpicker.

+
+ + diff --git a/apps/it/static/js/ui/demos/slider/default.html b/apps/it/static/js/ui/demos/slider/default.html new file mode 100644 index 0000000..d637412 --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/default.html @@ -0,0 +1,27 @@ + + + + + jQuery UI Slider - Default functionality + + + + + + + + + + + +
+ +
+

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/apps/it/static/js/ui/demos/slider/hotelrooms.html b/apps/it/static/js/ui/demos/slider/hotelrooms.html new file mode 100644 index 0000000..189f3d3 --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/hotelrooms.html @@ -0,0 +1,49 @@ + + + + + jQuery UI Slider - Slider bound to select + + + + + + + + + + + +
+ + +
+ +
+

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/apps/it/static/js/ui/demos/slider/index.html b/apps/it/static/js/ui/demos/slider/index.html new file mode 100644 index 0000000..2d05bb5 --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/index.html @@ -0,0 +1,24 @@ + + + + + jQuery UI Slider Demos + + + + + + + diff --git a/apps/it/static/js/ui/demos/slider/multiple-vertical.html b/apps/it/static/js/ui/demos/slider/multiple-vertical.html new file mode 100644 index 0000000..66a3ab8 --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/multiple-vertical.html @@ -0,0 +1,69 @@ + + + + + jQuery UI Slider - Multiple sliders + + + + + + + + + + + + +

+ + Master volume +

+ +
+ +

+ + Graphic EQ +

+ +
+ 88 + 77 + 55 + 33 + 40 + 45 + 70 +
+ +
+

Combine horizontal and vertical sliders, each with their own options, to create the UI for a music player.

+
+ + diff --git a/apps/it/static/js/ui/demos/slider/range-vertical.html b/apps/it/static/js/ui/demos/slider/range-vertical.html new file mode 100644 index 0000000..31ecdb0 --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/range-vertical.html @@ -0,0 +1,41 @@ + + + + + jQuery UI Slider - Vertical range slider + + + + + + + + + + + +

+ + +

+ +
+ +
+

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/apps/it/static/js/ui/demos/slider/range.html b/apps/it/static/js/ui/demos/slider/range.html new file mode 100644 index 0000000..afde36d --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/range.html @@ -0,0 +1,42 @@ + + + + + jQuery UI Slider - Range slider + + + + + + + + + + + +

+ + +

+ +
+ +
+

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/apps/it/static/js/ui/demos/slider/rangemax.html b/apps/it/static/js/ui/demos/slider/rangemax.html new file mode 100644 index 0000000..d4cebe4 --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/rangemax.html @@ -0,0 +1,40 @@ + + + + + jQuery UI Slider - Range with fixed maximum + + + + + + + + + + + +

+ + +

+
+ +
+

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/apps/it/static/js/ui/demos/slider/rangemin.html b/apps/it/static/js/ui/demos/slider/rangemin.html new file mode 100644 index 0000000..cd86f9c --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/rangemin.html @@ -0,0 +1,41 @@ + + + + + jQuery UI Slider - Range with fixed minimum + + + + + + + + + + + +

+ + +

+ +
+ +
+

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/apps/it/static/js/ui/demos/slider/side-scroll.html b/apps/it/static/js/ui/demos/slider/side-scroll.html new file mode 100644 index 0000000..6c20a51 --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/side-scroll.html @@ -0,0 +1,131 @@ + + + + + jQuery UI Slider - Slider scrollbar + + + + + + + + + + + + +
+
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
13
+
14
+
15
+
16
+
17
+
18
+
19
+
20
+
+
+
+
+
+ +
+

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/apps/it/static/js/ui/demos/slider/slider-vertical.html b/apps/it/static/js/ui/demos/slider/slider-vertical.html new file mode 100644 index 0000000..33fc8e0 --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/slider-vertical.html @@ -0,0 +1,42 @@ + + + + + jQuery UI Slider - Vertical slider + + + + + + + + + + + +

+ + +

+ +
+ +
+

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/apps/it/static/js/ui/demos/slider/steps.html b/apps/it/static/js/ui/demos/slider/steps.html new file mode 100644 index 0000000..92b6a14 --- /dev/null +++ b/apps/it/static/js/ui/demos/slider/steps.html @@ -0,0 +1,41 @@ + + + + + jQuery UI Slider - Snap to increments + + + + + + + + + + + +

+ + +

+ +
+ +
+

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.

+
+ + -- cgit v1.2.3