From f7f3725c890f6d9f240069953bcab67c0b591b52 Mon Sep 17 00:00:00 2001 From: Paul Bakaus Date: Tue, 30 Dec 2008 13:13:37 +0000 Subject: [PATCH] demos: added droppable demos --- demos/droppable/accept.html | 49 +++++++++++++++++++ demos/droppable/activeclass.html | 40 +++++++++++++++ demos/droppable/default.html | 38 +++++++++++++++ demos/droppable/greedy.html | 64 ++++++++++++++++++++++++ demos/droppable/hoverclass.html | 39 +++++++++++++++ demos/droppable/index.html | 5 ++ demos/droppable/tolerance.html | 83 ++++++++++++++++++++++++++++++++ 7 files changed, 318 insertions(+) create mode 100644 demos/droppable/accept.html create mode 100644 demos/droppable/activeclass.html create mode 100644 demos/droppable/default.html create mode 100644 demos/droppable/greedy.html create mode 100644 demos/droppable/hoverclass.html create mode 100644 demos/droppable/tolerance.html diff --git a/demos/droppable/accept.html b/demos/droppable/accept.html new file mode 100644 index 000000000..a4ccfee87 --- /dev/null +++ b/demos/droppable/accept.html @@ -0,0 +1,49 @@ + + + + jQuery UI Droppable - accept + + + + + + + + + + + +
+

I'm draggable but can't be dropped

+
+ +
+

Drag me to my target

+
+ + + +
+

accept: '#draggable'

+
+ + + diff --git a/demos/droppable/activeclass.html b/demos/droppable/activeclass.html new file mode 100644 index 000000000..97cdee0da --- /dev/null +++ b/demos/droppable/activeclass.html @@ -0,0 +1,40 @@ + + + + jQuery UI Droppable - activeClass + + + + + + + + + + + +
+

Drag me to my target

+
+ +
+

Drop here

+
+ + + diff --git a/demos/droppable/default.html b/demos/droppable/default.html new file mode 100644 index 000000000..122f57e14 --- /dev/null +++ b/demos/droppable/default.html @@ -0,0 +1,38 @@ + + + + jQuery UI Droppable - Default Demo + + + + + + + + + + + +
+

Drag me to my target

+
+ +
+

Drop here

+
+ + + diff --git a/demos/droppable/greedy.html b/demos/droppable/greedy.html new file mode 100644 index 000000000..1ccf6277a --- /dev/null +++ b/demos/droppable/greedy.html @@ -0,0 +1,64 @@ + + + + jQuery UI Droppable - greedy + + + + + + + + + + + +
+

Drag me to my target

+
+ + + +
+

Outer droppable (greedy deactivated)

+
+

Inner droppable (greedy deactivated)

+
+
+ +
+

Outer droppable (greedy deactivated)

+
+

Inner droppable (greedy deactivated)

+
+
+ + + diff --git a/demos/droppable/hoverclass.html b/demos/droppable/hoverclass.html new file mode 100644 index 000000000..d71abd42e --- /dev/null +++ b/demos/droppable/hoverclass.html @@ -0,0 +1,39 @@ + + + + jQuery UI Droppable - hoverClass + + + + + + + + + + + +
+

Drag me to my target

+
+ +
+

Drop here

+
+ + + diff --git a/demos/droppable/index.html b/demos/droppable/index.html index 15b655119..f969f49e9 100644 --- a/demos/droppable/index.html +++ b/demos/droppable/index.html @@ -10,6 +10,11 @@

Droppable

diff --git a/demos/droppable/tolerance.html b/demos/droppable/tolerance.html new file mode 100644 index 000000000..9f08934d8 --- /dev/null +++ b/demos/droppable/tolerance.html @@ -0,0 +1,83 @@ + + + + jQuery UI Droppable - tolerance + + + + + + + + + + + +
+

Drag me to my target

+
+ +
+ +
+

Default tolerance

+
+ +
+

tolerance: 'fit'

+
+ +
+

tolerance: 'pointer'

+
+ +
+

tolerance: 'touch'

+
+ + +