From c00881c078e5b2611618267bad020fb3debc51b6 Mon Sep 17 00:00:00 2001 From: Maggie Costello Wachs Date: Fri, 16 Jan 2009 21:57:42 +0000 Subject: reorganized/renamed selectable demos --- demos/selectable/default.html | 6 ++-- demos/selectable/display-grid.html | 50 ++++++++++++++++++++++++++++++++++ demos/selectable/index.html | 6 ++-- demos/selectable/serialize.html | 56 ++++++++++++++++++++++++++++++++++++++ 4 files changed, 111 insertions(+), 7 deletions(-) create mode 100644 demos/selectable/display-grid.html create mode 100644 demos/selectable/serialize.html (limited to 'demos') diff --git a/demos/selectable/default.html b/demos/selectable/default.html index ae079ae05..b9adda128 100644 --- a/demos/selectable/default.html +++ b/demos/selectable/default.html @@ -1,7 +1,7 @@ - jQuery UI Selectable - Default Demo + jQuery UI Selectable - Default functionality @@ -38,9 +38,7 @@
-

-Draw a box with your mouse to select items. You can also hold down the Ctrl key to make multiple (non-adjacent) selections. -

+

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/demos/selectable/display-grid.html b/demos/selectable/display-grid.html new file mode 100644 index 000000000..eed072e1a --- /dev/null +++ b/demos/selectable/display-grid.html @@ -0,0 +1,50 @@ + + + + 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/demos/selectable/index.html b/demos/selectable/index.html index 8659eaefb..84298027a 100644 --- a/demos/selectable/index.html +++ b/demos/selectable/index.html @@ -9,9 +9,9 @@

Examples

diff --git a/demos/selectable/serialize.html b/demos/selectable/serialize.html new file mode 100644 index 000000000..8c68a516a --- /dev/null +++ b/demos/selectable/serialize.html @@ -0,0 +1,56 @@ + + + + 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