%META:TOPICPARENT{name="OATDOCIndex"}%
---+ resize.js

Provides resizing capability for any DOM node.

%TOC%

---++ Functions

---+++ OAT.Resize.create(clicker, mover, type[, restrictionFunction[, endFunction]]) 

Modifies element such that clicking and moving on <tt>clicker</tt> will cause it to resize.

   * <tt>*clicker*</tt> - ID or DOM element
   * <tt>*mover*</tt> - ID or DOM element
   * <tt>*type*</tt> - one of the <tt>OAT.Resize.TYPE_</tt> constants; specifies resizing direction(s).
   * <tt>*restrictionFunction*</tt> - function with bool result which tells if resizing is permitted (optional)
   * <tt>*endFunction* </tt>- function performed at the end of resize task (optional)

---+++ OAT.Resize.remove(clicker, element)

Removes resizing relation between <tt>clicker</tt> and <tt>element</tt>.

---+++ OAT.Resize.removeAll(clicker)

Removes all resizing relations from <tt>clicker</tt>.

---++ Constants

---+++ OAT.Resize.TYPE_

Tells which direction resizing is permitted.

   * <tt><b>OAT.Resize.TYPE_X</b></tt> - X-axis only
   * <tt><b>OAT.Resize.TYPE_Y</b></tt> - Y-axis only
   * <tt><b>OAT.Resize.TYPE_XY</b></tt> - both axes

---++ Example      

<verbatim>
var corner = OAT.Dom.create("div");
var body = OAT.Dom.create("div");
body.appendChild(corner);
OAT.Resize.create(corner, body, OAT.Resize.TYPE_XY);
</verbatim>

CategoryDocumentation CategoryOAT CategoryOpenSource