From af15f2c4a192dea02aab9e519defc68c71763ec4 Mon Sep 17 00:00:00 2001 From: yvesf Date: Mon, 22 Nov 2010 14:34:55 +0100 Subject: jquery ui --- .../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 static/development-bundle/demos/selectable/default.html create mode 100644 static/development-bundle/demos/selectable/display-grid.html create mode 100644 static/development-bundle/demos/selectable/index.html create mode 100644 static/development-bundle/demos/selectable/serialize.html (limited to 'static/development-bundle/demos/selectable') diff --git a/static/development-bundle/demos/selectable/default.html b/static/development-bundle/demos/selectable/default.html new file mode 100644 index 0000000..3ff0209 --- /dev/null +++ b/static/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/static/development-bundle/demos/selectable/display-grid.html b/static/development-bundle/demos/selectable/display-grid.html new file mode 100644 index 0000000..c4486c3 --- /dev/null +++ b/static/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/static/development-bundle/demos/selectable/index.html b/static/development-bundle/demos/selectable/index.html new file mode 100644 index 0000000..21fa4d5 --- /dev/null +++ b/static/development-bundle/demos/selectable/index.html @@ -0,0 +1,20 @@ + + + + + jQuery UI Selectable Demos + + + + +
+

Examples

+ +
+ + + diff --git a/static/development-bundle/demos/selectable/serialize.html b/static/development-bundle/demos/selectable/serialize.html new file mode 100644 index 0000000..3058cb9 --- /dev/null +++ b/static/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.1