From 4d9a8b24c1fb026df6058198d1c09c7d0b330019 Mon Sep 17 00:00:00 2001 From: Paul Bakaus Date: Tue, 30 Dec 2008 10:42:32 +0000 Subject: demos: draggables pretty much complete, added snap/zindex/stack demos --- demos/draggable/index.html | 2 ++ demos/draggable/snap.html | 57 ++++++++++++++++++++++++++++++++++++++++ demos/draggable/zindexstack.html | 42 +++++++++++++++++++++++++++++ 3 files changed, 101 insertions(+) create mode 100644 demos/draggable/snap.html create mode 100644 demos/draggable/zindexstack.html diff --git a/demos/draggable/index.html b/demos/draggable/index.html index 29ad59f81..04d4efde2 100644 --- a/demos/draggable/index.html +++ b/demos/draggable/index.html @@ -20,6 +20,8 @@
  • Opacity
  • Revert
  • Scroll
    • +
  • Snap
    • +
  • Z-Index / Stack
    • diff --git a/demos/draggable/snap.html b/demos/draggable/snap.html new file mode 100644 index 000000000..af2b5121e --- /dev/null +++ b/demos/draggable/snap.html @@ -0,0 +1,57 @@ + + + + jQuery UI Draggable - Snap + + + + + + + + + + +
    +

    I'm a snap target

    +
    + +
    + +
    +

    Default (snap: true), snaps to all other draggable elements

    +
    + +
    +

    I only snap to the orange box

    +
    + +
    +

    I only snap to the outer edges of the orange box

    +
    + +
    +

    I only snap to the inner edges of the orange box

    +
    + +
    +

    I also snap to the orange box but I'm very sticky because I have a high snapTolerance

    +
    + + + + + + + diff --git a/demos/draggable/zindexstack.html b/demos/draggable/zindexstack.html new file mode 100644 index 000000000..8f9dbb8a6 --- /dev/null +++ b/demos/draggable/zindexstack.html @@ -0,0 +1,42 @@ + + + + jQuery UI Draggable - Z-Index / Stack + + + + + + + + + + +
    +

    I always have a higher z-index than my siblings during drag

    +
    + +
    +
    +

    We are draggables..

    +
    + +
    +

    ..whose z-indexes are controlled automatically..

    +
    + +
    +

    ..with the stack option.

    +
    +
    + + + -- cgit v1.2.3