From af15f2c4a192dea02aab9e519defc68c71763ec4 Mon Sep 17 00:00:00 2001 From: yvesf Date: Mon, 22 Nov 2010 14:34:55 +0100 Subject: jquery ui --- .../demos/draggable/constrain-movement.html | 69 ++++++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 static/development-bundle/demos/draggable/constrain-movement.html (limited to 'static/development-bundle/demos/draggable/constrain-movement.html') diff --git a/static/development-bundle/demos/draggable/constrain-movement.html b/static/development-bundle/demos/draggable/constrain-movement.html new file mode 100644 index 0000000..33de2aa --- /dev/null +++ b/static/development-bundle/demos/draggable/constrain-movement.html @@ -0,0 +1,69 @@ + + + + + jQuery UI Draggable - Constrain movement + + + + + + + + + + + + +
+ +

Constrain movement along an axis:

+ +
+

I can be dragged only vertically

+
+ +
+

I can be dragged only horizontally

+
+ +

Or to within another DOM element:

+
+
+

I'm contained within the box

+
+ +
+

I'm contained within the box's parent

+
+ +
+

I'm contained within my parent

+
+
+ +
+ + + +
+

Constrain the movement of each draggable by defining the boundaries of the draggable area. Set the axis option to limit the draggable's path to the x- or y-axis, or use the containment option to specify a parent DOM element or a jQuery selector, like 'document.'

+
+ + + -- cgit v1.2.1