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

Panelbar widget (like Mozilla sidebar).

%TOC%

---++ Objects

---+++ OAT.Panelbar(fadeDelay)

Creates a panelbar. Its main div is accessible as <tt>panelbar.div</tt>. Fading speed can be controlled via <tt>fadeDelay</tt>.

---++ Methods

---+++ OAT.Panelbar.addPanel(clicker, element)

Adds a new panel, contained in <tt>element</tt>. It will be shown after clicking on <tt>clicker</tt>.

---+++ OAT.Panelbar.go(index)

Switches to appropriate panel based on <tt>index</tt>.

---++ CSS classes

---+++ .panelbar

ToBeDone

---+++ .panelbar_option

ToBeDone

---+++ .panelbar option_selected

ToBeDone

---+++ .panelbar option_upper

ToBeDone

---+++ .panelbar option_lower

ToBeDone

---+++ .panelbar_content

ToBeDone

---++ Example

<verbatim>
var header = OAT.Dom.create("div");
var body = OAT.Dom.create("div");
var panelbar = new OAT.Panelbar(10);
panelbar.addPanel(header, body);
panelbar.go(0);
</verbatim>

CategoryDocumentation CategoryOAT CategoryOpenSource CategoryToBeDone