diff -r d0a1c6d22b0e -r 67f071c743f5 client/player/development-bundle/demos/draggable/snap-to.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/client/player/development-bundle/demos/draggable/snap-to.html Thu Jun 10 04:16:26 2010 +0200 @@ -0,0 +1,70 @@ + + + + + jQuery UI Draggable - Snap to element or grid + + + + + + + + + + + +
+ +
+

I'm a snap target

+
+ +
+ +
+

Default (snap: true), snaps to all other draggable elements

+
+ +
+

I only snap to the big box

+
+ +
+

I only snap to the outer edges of the big box

+
+ +
+

I snap to a 20 x 20 grid

+
+ +
+

I snap to a 80 x 80 grid

+
+ +
+ +
+ +

Snap the draggable to the inner or outer boundaries of a DOM element. Use the snap, snapMode (inner, outer, both), and snapTolerance (distance in pixels the draggable must be from the element when snapping is invoked) options.

+ +

Or snap the draggable to a grid. Set the dimensions of grid cells (height and width in pixels) with the grid option.

+ +
+ + + + +