jQuery UI Resizable

From 3909e6d89e01e4cd8777377c63037896bb95aa2f Mon Sep 17 00:00:00 2001 From: Leif Johansson Date: Fri, 25 Nov 2011 21:18:19 +0100 Subject: new jq layout --- .../jquery-ui-1.9pre/demos/resizable/animate.html | 43 ++++++++++++++++++ .../demos/resizable/aspect-ratio.html | 42 +++++++++++++++++ .../demos/resizable/constrain-area.html | 47 +++++++++++++++++++ .../jquery-ui-1.9pre/demos/resizable/default.html | 40 +++++++++++++++++ .../demos/resizable/delay-start.html | 52 ++++++++++++++++++++++ .../jquery-ui-1.9pre/demos/resizable/helper.html | 43 ++++++++++++++++++ .../jquery-ui-1.9pre/demos/resizable/index.html | 28 ++++++++++++ .../jquery-ui-1.9pre/demos/resizable/max-min.html | 45 +++++++++++++++++++ .../demos/resizable/snap-to-grid.html | 42 +++++++++++++++++ .../demos/resizable/synchronous-resize.html | 49 ++++++++++++++++++++ .../jquery-ui-1.9pre/demos/resizable/textarea.html | 41 +++++++++++++++++ .../demos/resizable/visual-feedback.html | 43 ++++++++++++++++++ 12 files changed, 515 insertions(+) create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/animate.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/aspect-ratio.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/constrain-area.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/default.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/delay-start.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/helper.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/index.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/max-min.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/snap-to-grid.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/synchronous-resize.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/textarea.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/resizable/visual-feedback.html (limited to 'src/main/webapp/jquery-ui-1.9pre/demos/resizable') diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/animate.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/animate.html new file mode 100644 index 0000000..680826f --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/animate.html @@ -0,0 +1,43 @@ + + + + + jQuery UI Resizable - Animate + + + + + + + + + + + + +

+ +

Animate

+ +

+ + + +

Animate the resize action using the animate option (boolean). When this option is set to true, drag the outline to the desired location; the element animates to that size on drag stop.

+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/aspect-ratio.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/aspect-ratio.html new file mode 100644 index 0000000..e0de7a2 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/aspect-ratio.html @@ -0,0 +1,42 @@ + + + + + jQuery UI Resizable - Preserve aspect ratio + + + + + + + + + + + + +

+ +

Preserve aspect ratio

+ +

+ + + +

Maintain the existing aspect ratio or set a new one to constrain the proportions on resize. Set the aspectRatio option to true, and optionally pass in a new ratio (i.e., 4/3)

+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/constrain-area.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/constrain-area.html new file mode 100644 index 0000000..c95c3cb --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/constrain-area.html @@ -0,0 +1,47 @@ + + + + + jQuery UI Resizable - Constrain resize area + + + + + + + + + + + + +

+ +

Containment

Resizable

+ +

+ + + +

Define the boundaries of the resizable area. Use the containment option to specify a parent DOM element or a jQuery selector, like 'document.'

+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/default.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/default.html new file mode 100644 index 0000000..beb3c21 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/default.html @@ -0,0 +1,40 @@ + + + + + jQuery UI Resizable - Default functionality + + + + + + + + + + + + +

+ +

Resizable

+ +

+ + + +

Enable any DOM element to be resizable. With the cursor grab the right or bottom border and drag to the desired width or height.

+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/delay-start.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/delay-start.html new file mode 100644 index 0000000..a3a24f0 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/delay-start.html @@ -0,0 +1,52 @@ + + + + + jQuery UI Resizable - Delay start + + + + + + + + + + + + +

+ +

Time delay (ms):

Time

+ +

Distance delay (px):

Distance

+ +

+ + + +

Delay the start of resizng for a number of milliseconds with the delay option; prevent resizing until the cursor is held down and dragged a specifed number of pixels with the distance option.

+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/helper.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/helper.html new file mode 100644 index 0000000..6e00303 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/helper.html @@ -0,0 +1,43 @@ + + + + + jQuery UI Resizable - Helper + + + + + + + + + + + + +

+ +

Helper

+ +

+ + + +

Display only an outline of the element while resizing by setting the helper option to a CSS class.

+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/index.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/index.html new file mode 100644 index 0000000..45f4006 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/index.html @@ -0,0 +1,28 @@ + + + + + jQuery UI Resizable Demos + + + + +

Examples

+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/max-min.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/max-min.html new file mode 100644 index 0000000..df441ca --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/max-min.html @@ -0,0 +1,45 @@ + + + + + jQuery UI Resizable - Maximum / minimum size + + + + + + + + + + + + +

+ +

Resize larger / smaller

+ +

+ + + +

Limit the resizable element to a maximum or minimum height or width using the maxHeight, maxWidth, minHeight, and minWidth options.

+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/snap-to-grid.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/snap-to-grid.html new file mode 100644 index 0000000..2002221 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/snap-to-grid.html @@ -0,0 +1,42 @@ + + + + + jQuery UI Resizable - Snap to grid + + + + + + + + + + + + +

+ +

Grid

+ +

+ + + +

Snap the resizable element to a grid. Set the dimensions of grid cells (height and width in pixels) with the grid option.

+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/synchronous-resize.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/synchronous-resize.html new file mode 100644 index 0000000..8949970 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/synchronous-resize.html @@ -0,0 +1,49 @@ + + + + + jQuery UI Resizable - Synchronous resize + + + + + + + + + + + + +

+ +

Resize

+ +

will also resize

+ +

+ + + +

Resize multiple elements simultaneously by clicking and dragging the sides of one. Pass a shared selector into the alsoResize option.

+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/textarea.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/textarea.html new file mode 100644 index 0000000..3076f2c --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/textarea.html @@ -0,0 +1,41 @@ + + + + + jQuery UI Resizable - Textarea + + + + + + + + + + + + +

+ + + +

Display only an outline of the element while resizing by setting the helper option to a CSS class.

+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/resizable/visual-feedback.html b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/visual-feedback.html new file mode 100644 index 0000000..6f72dfd --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/resizable/visual-feedback.html @@ -0,0 +1,43 @@ + + + + + jQuery UI Resizable - Visual feedback + + + + + + + + + + + + +

+ +

Ghost

+ +

+ + + +

Instead of showing the actual element during resize, set the ghost option to true to show a semi-transparent part of the element.

+ + + -- cgit v1.1