From a1fc59c17e40b89c28920681cd6dd32ed68a4102 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Scott=20Gonz=C3=A1lez?= Date: Fri, 10 Sep 2010 09:38:42 -0400 Subject: [PATCH] Droppable demos: Coding standards. --- demos/droppable/accepted-elements.html | 50 ++-- demos/droppable/default.html | 42 ++-- demos/droppable/index.html | 4 +- demos/droppable/photo-manager.html | 314 +++++++++++++------------ demos/droppable/propagation.html | 58 +++-- demos/droppable/revert.html | 49 ++-- demos/droppable/shopping-cart.html | 48 ++-- demos/droppable/visual-feedback.html | 59 ++--- 8 files changed, 330 insertions(+), 294 deletions(-) diff --git a/demos/droppable/accepted-elements.html b/demos/droppable/accepted-elements.html index 0ba0207e3..455e075e0 100644 --- a/demos/droppable/accepted-elements.html +++ b/demos/droppable/accepted-elements.html @@ -1,38 +1,39 @@ - - jQuery UI Droppable - Accept Demo - - - - - - - - - - +
@@ -49,10 +50,11 @@
-
-

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

+
+

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 4134dc942..19748a560 100644 --- a/demos/droppable/default.html +++ b/demos/droppable/default.html @@ -1,33 +1,36 @@ - - jQuery UI Droppable - Default Demo - - - - - - - - - - +
@@ -40,10 +43,11 @@
-
-

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

+
+

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 e0c4e6ae2..13ae9855e 100644 --- a/demos/droppable/index.html +++ b/demos/droppable/index.html @@ -1,9 +1,9 @@ - + jQuery UI Droppable Demos - + diff --git a/demos/droppable/photo-manager.html b/demos/droppable/photo-manager.html index 39176732e..989c61aca 100644 --- a/demos/droppable/photo-manager.html +++ b/demos/droppable/photo-manager.html @@ -1,168 +1,184 @@ - + jQuery UI Droppable - Simple photo manager - - - - - - - - - - - - - -
- - - -
-

Trash Trash

-
- -
- -
- -

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.

- -
+ +
+ + + +
+

Trash Trash

+
+ +
+ + +
+

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 e6cf3c212..d39c13101 100644 --- a/demos/droppable/propagation.html +++ b/demos/droppable/propagation.html @@ -1,48 +1,53 @@ - + jQuery UI Droppable - Prevent propagation - - - - - - - - - - +
@@ -65,10 +70,11 @@
-
-

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).

+
+

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 1f36c7178..e6de051f5 100644 --- a/demos/droppable/revert.html +++ b/demos/droppable/revert.html @@ -1,38 +1,40 @@ - + jQuery UI Droppable - Revert draggable position - - - - - - - - - - +
@@ -49,10 +51,11 @@
-
-

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

+
+

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 de8ce4fe3..45e716423 100644 --- a/demos/droppable/shopping-cart.html +++ b/demos/droppable/shopping-cart.html @@ -1,53 +1,53 @@ - + jQuery UI Droppable - Shopping Cart Demo - - - - - - - - - - - - +
@@ -91,11 +91,11 @@
-
-

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.

+
+

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 1bb6c6038..f1e579621 100644 --- a/demos/droppable/visual-feedback.html +++ b/demos/droppable/visual-feedback.html @@ -1,43 +1,49 @@ - + jQuery UI Droppable - Visual feedback - - - - - - - - - - +

Feedback on hover:

@@ -60,14 +66,13 @@

Drop here

- -
-
-

Change the droppable's appearance on hover, or when the droppable is active (an acceptable draggable is dropped on it). Use the hoverClass or activeClass options to specify respective classes.

+
+

Change the droppable's appearance on hover, or when the droppable is active (an acceptable draggable is dropped on it). Use the hoverClass or activeClass options to specify respective classes.

+ -- 2.39.5