From 1215de575d9cda66b434f21dafdf44f986638b71 Mon Sep 17 00:00:00 2001 From: friendica Date: Mon, 9 Jul 2012 23:23:20 -0700 Subject: slider --- .../demos/selectable/default.html | 50 ++++++++++++++++++ .../demos/selectable/display-grid.html | 55 +++++++++++++++++++ .../development-bundle/demos/selectable/index.html | 20 +++++++ .../demos/selectable/serialize.html | 61 ++++++++++++++++++++++ 4 files changed, 186 insertions(+) create mode 100644 include/jquery_ui/development-bundle/demos/selectable/default.html create mode 100644 include/jquery_ui/development-bundle/demos/selectable/display-grid.html create mode 100644 include/jquery_ui/development-bundle/demos/selectable/index.html create mode 100644 include/jquery_ui/development-bundle/demos/selectable/serialize.html (limited to 'include/jquery_ui/development-bundle/demos/selectable') diff --git a/include/jquery_ui/development-bundle/demos/selectable/default.html b/include/jquery_ui/development-bundle/demos/selectable/default.html new file mode 100644 index 000000000..91cc3d0cf --- /dev/null +++ b/include/jquery_ui/development-bundle/demos/selectable/default.html @@ -0,0 +1,50 @@ + + + + + jQuery UI Selectable - Default functionality + + + + + + + + + + + + + +
+ +
    +
  1. Item 1
    2. +
  2. Item 2
    3. +
  3. Item 3
    4. +
  4. Item 4
    5. +
  5. Item 5
    6. +
  6. Item 6
    7. +
  7. Item 7
    8. +
+ +
+ + + +
+

Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections.

+
+ + + diff --git a/include/jquery_ui/development-bundle/demos/selectable/display-grid.html b/include/jquery_ui/development-bundle/demos/selectable/display-grid.html new file mode 100644 index 000000000..dc9d41b45 --- /dev/null +++ b/include/jquery_ui/development-bundle/demos/selectable/display-grid.html @@ -0,0 +1,55 @@ + + + + + jQuery UI Selectable - Display as grid + + + + + + + + + + + + + +
+ +
    +
  1. 1
    2. +
  2. 2
    3. +
  3. 3
    4. +
  4. 4
    5. +
  5. 5
    6. +
  6. 6
    7. +
  7. 7
    8. +
  8. 8
    9. +
  9. 9
    10. +
  10. 10
    11. +
  11. 11
    12. +
  12. 12
    13. +
+ +
+ + + +
+

To arrange selectable items as a grid, give them identical dimensions and float them using CSS.

+
+ + + diff --git a/include/jquery_ui/development-bundle/demos/selectable/index.html b/include/jquery_ui/development-bundle/demos/selectable/index.html new file mode 100644 index 000000000..21fa4d5a7 --- /dev/null +++ b/include/jquery_ui/development-bundle/demos/selectable/index.html @@ -0,0 +1,20 @@ + + + + + jQuery UI Selectable Demos + + + + +
+

Examples

+ +
+ + + diff --git a/include/jquery_ui/development-bundle/demos/selectable/serialize.html b/include/jquery_ui/development-bundle/demos/selectable/serialize.html new file mode 100644 index 000000000..3da4e0f5a --- /dev/null +++ b/include/jquery_ui/development-bundle/demos/selectable/serialize.html @@ -0,0 +1,61 @@ + + + + + jQuery UI Selectable - Serialize + + + + + + + + + + + + + +
+ +

+You've selected: none. +

+ +
    +
  1. Item 1
    2. +
  2. Item 2
    3. +
  3. Item 3
    4. +
  4. Item 4
    5. +
  5. Item 5
    6. +
  6. Item 6
    7. +
+ +
+ + + +
+

Write a function that fires on the stop event to collect the index values of selected items. Present values as feedback, or pass as a data string.

+
+ + + -- cgit v1.2.3