dock.js

Creates a draggable system of docking elements, grouped into columns.


Objects

Methods

CSS classes


OAT.Dock(numColumns)

Creates a dock with numColumn columns.

OAT.Dock.addObject(colIndex, grabber, mover)

Adds a new object to dock, resp. to its column with index colIndex. This object is represented by node mover and is to be dragged by node grabber. Grabber should be a child of mover.

var mover = OAT.Dom.create("div");
var grabber = OAT.Dom.create("img");
mover.appendChild(grabber);
var d = new OAT.Dock(3);
d.addObject(0, grabber, mover);