From 75ad7e4bd7d69243e7e5281c2642f00478fb072d Mon Sep 17 00:00:00 2001 From: Filipp Lepalaan Date: Wed, 19 Feb 2014 18:02:09 +0200 Subject: Added tags, jquery UI --- .../js/ui/demos/draggable/visual-feedback.html | 70 ++++++++++++++++++++++ 1 file changed, 70 insertions(+) create mode 100644 apps/it/static/js/ui/demos/draggable/visual-feedback.html (limited to 'apps/it/static/js/ui/demos/draggable/visual-feedback.html') diff --git a/apps/it/static/js/ui/demos/draggable/visual-feedback.html b/apps/it/static/js/ui/demos/draggable/visual-feedback.html new file mode 100644 index 0000000..253a26d --- /dev/null +++ b/apps/it/static/js/ui/demos/draggable/visual-feedback.html @@ -0,0 +1,70 @@ + + + + + jQuery UI Draggable - Visual feedback + + + + + + + + + + + + +

With helpers:

+ +
+

Original

+
+ +
+

Semi-transparent clone

+
+ +
+

Custom helper (in combination with cursorAt)

+
+ +

Stacked:

+
+
+

We are draggables..

+
+ +
+

..whose z-indexes are controlled automatically..

+
+ +
+

..with the stack option.

+
+
+ +
+

Provide feedback to users as they drag an object in the form of a helper. The helper option accepts the values 'original' (the draggable object moves with the cursor), 'clone' (a duplicate of the draggable moves with the cursor), or a function that returns a DOM element (that element is shown near the cursor during drag). Control the helper's transparency with the opacity option.

+

To clarify which draggable is in play, bring the draggable in motion to front. Use the zIndex option to set a higher z-index for the helper, if in play, or use the stack option to ensure that the last item dragged will appear on top of others in the same group on drag stop.

+
+ + -- cgit v1.2.3