jquery-simple-resize

A jquery plugin for simple resizable element.

Dependencies

• jquery

Installation

Install from npm:

$ npm install @kanety/jquery-simple-resize --save

Usage

Build html as follows:

<div id="resize">
  <div>text</div>
</div>

Then run:

$('#resize').simpleReize({
  bottomRight: true
});

Options

Build resize handler automatically in the resizable element:

$('#resize').simpleReize({
  top: true,
  bottom: true,
  left: true,
  right: true,
  topLeft: true
  topRight: true
  bottomLeft: true
  bottomRight: true
});

Specify selector out of the resizable element:

<div id="resize">
  <div>text</div>
</div>
<div id="resize_bottom"></div>

$('#resize').simpleReize({
  bottom: '#resize_bottom'
});

Store current width and height in the web storage:

$('#resize').simpleReize({
  store: 'session',  // or 'local'
  storeKey: 'YOUR_KEY'
});

Callbacks

$('#resize').simpleResize({
  ...
}).on('resize:start', function(e, $handler) {
  ...
}).on('resize:move', function(e, $handler) {
  ...
}).on('resize:end', function(e, $handler) {
  ...
});

License

The library is available as open source under the terms of the MIT License.