From 3909e6d89e01e4cd8777377c63037896bb95aa2f Mon Sep 17 00:00:00 2001 From: Leif Johansson Date: Fri, 25 Nov 2011 21:18:19 +0100 Subject: new jq layout --- .../jquery-ui-1.9pre/demos/selectable/default.html | 50 ++++++++++++++++++ .../demos/selectable/display-grid.html | 55 +++++++++++++++++++ .../jquery-ui-1.9pre/demos/selectable/index.html | 20 +++++++ .../demos/selectable/serialize.html | 61 ++++++++++++++++++++++ 4 files changed, 186 insertions(+) create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/selectable/default.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/selectable/display-grid.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/selectable/index.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/selectable/serialize.html (limited to 'src/main/webapp/jquery-ui-1.9pre/demos/selectable') diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/selectable/default.html b/src/main/webapp/jquery-ui-1.9pre/demos/selectable/default.html new file mode 100644 index 0000000..65703da --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/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/src/main/webapp/jquery-ui-1.9pre/demos/selectable/display-grid.html b/src/main/webapp/jquery-ui-1.9pre/demos/selectable/display-grid.html new file mode 100644 index 0000000..e938992 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/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/src/main/webapp/jquery-ui-1.9pre/demos/selectable/index.html b/src/main/webapp/jquery-ui-1.9pre/demos/selectable/index.html new file mode 100644 index 0000000..21fa4d5 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/selectable/index.html @@ -0,0 +1,20 @@ + + + + + jQuery UI Selectable Demos + + + + +
+

Examples

+ +
+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/selectable/serialize.html b/src/main/webapp/jquery-ui-1.9pre/demos/selectable/serialize.html new file mode 100644 index 0000000..8df884d --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/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.1