From 303f20e1b3c977d75047bed1a3533a180d73fab5 Mon Sep 17 00:00:00 2001 From: Scott González Date: Mon, 10 Sep 2012 11:33:46 -0400 Subject: Demos: Cleanup. --- demos/droppable/accepted-elements.html | 11 ++--------- demos/droppable/default.html | 11 ++--------- demos/droppable/index.html | 24 ++++++++++-------------- demos/droppable/photo-manager.html | 12 +++++------- demos/droppable/propagation.html | 11 ++--------- demos/droppable/revert.html | 11 ++--------- demos/droppable/shopping-cart.html | 11 ++--------- demos/droppable/visual-feedback.html | 16 +++++----------- 8 files changed, 30 insertions(+), 77 deletions(-) (limited to 'demos/droppable') diff --git a/demos/droppable/accepted-elements.html b/demos/droppable/accepted-elements.html index 537eaf54a..5a2820fc8 100644 --- a/demos/droppable/accepted-elements.html +++ b/demos/droppable/accepted-elements.html @@ -1,4 +1,4 @@ - + @@ -34,8 +34,6 @@ -
-

I'm draggable but can't be dropped

@@ -48,13 +46,8 @@

accept: '#draggable'

- - - -

Specify using the accept option which element (or group of elements) is accepted by the target droppable.

-
- + diff --git a/demos/droppable/default.html b/demos/droppable/default.html index b3c28ff5f..6dbc8d08f 100644 --- a/demos/droppable/default.html +++ b/demos/droppable/default.html @@ -1,4 +1,4 @@ - + @@ -31,8 +31,6 @@ -
-

Drag me to my target

@@ -41,13 +39,8 @@

Drop here

- - - -

Enable any DOM element to be droppable, a target for draggable elements.

-
- + diff --git a/demos/droppable/index.html b/demos/droppable/index.html index 13ae9855e..deca6e4bc 100644 --- a/demos/droppable/index.html +++ b/demos/droppable/index.html @@ -1,24 +1,20 @@ - + jQuery UI Droppable Demos - -
-

Examples

- -
+ diff --git a/demos/droppable/photo-manager.html b/demos/droppable/photo-manager.html index 638a35caf..d71d303b4 100644 --- a/demos/droppable/photo-manager.html +++ b/demos/droppable/photo-manager.html @@ -1,4 +1,4 @@ - + @@ -38,7 +38,7 @@ $( "li", $gallery ).draggable({ cancel: "a.ui-icon", // clicking an icon won't initiate dragging revert: "invalid", // when not dropped, the item will revert back to its initial position - containment: $( "#demo-frame" ).length ? "#demo-frame" : "document", // stick to demo-frame if present + containment: "document", helper: "clone", cursor: "move" }); @@ -138,7 +138,7 @@ -
+
-
- +

You can delete an image either by dragging it to the Trash or by clicking the trash icon.

You can "recycle" an image by dragging it back to the gallery or by clicking the recycle icon.

You can view larger image by clicking the zoom icon. jQuery UI dialog widget is used for the modal window.

-
- + diff --git a/demos/droppable/propagation.html b/demos/droppable/propagation.html index 6cdbf3cc1..0ee5ce85b 100644 --- a/demos/droppable/propagation.html +++ b/demos/droppable/propagation.html @@ -1,4 +1,4 @@ - + @@ -48,8 +48,6 @@ -
-

Drag me to my target

@@ -68,13 +66,8 @@
- - - -

When working with nested droppables — for example, you may have an editable directory structure displayed as a tree, with folder and document nodes — the greedy option set to true prevents event propagation when a draggable is dropped on a child node (droppable).

-
- + diff --git a/demos/droppable/revert.html b/demos/droppable/revert.html index 897a3bf84..e3b94bce1 100644 --- a/demos/droppable/revert.html +++ b/demos/droppable/revert.html @@ -1,4 +1,4 @@ - + @@ -35,8 +35,6 @@ -
-

I revert when I'm dropped

@@ -49,13 +47,8 @@

Drop me here

- - - -

Return the draggable (or it's helper) to its original location when dragging stops with the boolean revert option set on the draggable.

-
- + diff --git a/demos/droppable/shopping-cart.html b/demos/droppable/shopping-cart.html index f93d8b41a..52d079749 100644 --- a/demos/droppable/shopping-cart.html +++ b/demos/droppable/shopping-cart.html @@ -1,4 +1,4 @@ - + @@ -48,8 +48,6 @@ -
-

Products

@@ -89,13 +87,8 @@
-
- - -

Demonstrate how to use an accordion to structure products into a catalog and make use drag and drop for adding them to a shopping cart, where they are sortable.

-
- + diff --git a/demos/droppable/visual-feedback.html b/demos/droppable/visual-feedback.html index fef2a2743..c97d056e8 100644 --- a/demos/droppable/visual-feedback.html +++ b/demos/droppable/visual-feedback.html @@ -1,4 +1,4 @@ - + @@ -14,6 +14,7 @@