Index | OAT homepage | OpenLink Software

OATDOCdock

dock.js

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

Objects

OAT.Dock(div, numColumns)


Creates a dock inside div with numColumns columns.

Methods

OAT.Dock.addObject(colIndex, content, options)


Adds a new window to dock, to the column with index colIndex . This window contains content . Object options may contain:

Messages

OAT.MSG.DOCK_DRAG


Sent after dock window is dragged to another position. Contains object with old and new coordinates of the window (oldX,oldY,newX,newY) .

OAT.MSG.DOCK_REMOVE


Sent after dock window is closed (removed). Contains the removed window object.

CSS classes

.dock


CSS class of the whole dock div.

.dock_blank


CSS class of the blank space that appears below when dock window is being dragged to another place.

.dock_column


CSS class of all dock columns.

.dock_column_n


CSS class specific to nth dock column.

.dock_window


CSS class of the dock window div (single item in the dock)

.dock_header


CSS class of the dock window header div

.dock_content


CSS class of the dock window content div

Example

var content = OAT.Dom.create("div");
content.innerHTML = "lorem ipsum :)"
var d = new OAT.Dock("parentDiv", 3);
d.addObject(0, content, {title:"Sample window"});


Copyright (C) 2005-2008 OpenLink Software