<docbook><section><title>OATDOCpanelbar</title><para> </para>
<title> panelbar.js</title> panelbar.js
<para>Panelbar widget (like Mozilla sidebar).</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h2"> Objects</bridgehead>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Panelbar(fadeDelay)</bridgehead>
<para>Creates a panelbar.
 Its main div is accessible as <computeroutput>panelbar.div</computeroutput>.
 Fading speed can be controlled via <computeroutput>fadeDelay</computeroutput>.</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h2"> Methods</bridgehead>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Panelbar.addPanel(clicker, element)</bridgehead>
<para>Adds a new panel, contained in <computeroutput>element</computeroutput>.
 It will be shown after clicking on <computeroutput>clicker</computeroutput>.</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Panelbar.go(index)</bridgehead>
<para>Switches to appropriate panel based on <computeroutput>index</computeroutput>.</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h2"> CSS classes</bridgehead>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> .panelbar</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> .panelbar_option</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> .panelbar option_selected</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> .panelbar option_upper</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> .panelbar option_lower</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> .panelbar_content</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h2"> Example</bridgehead>
<programlisting>var header = OAT.Dom.create(&quot;div&quot;);
var body = OAT.Dom.create(&quot;div&quot;);
var panelbar = new OAT.Panelbar(10);
panelbar.addPanel(header, body);
panelbar.go(0);
</programlisting><para> <ulink url="CategoryDocumentation">CategoryDocumentation</ulink> <ulink url="CategoryOAT">CategoryOAT</ulink> <ulink url="CategoryOpenSource">CategoryOpenSource</ulink> <ulink url="CategoryToBeDone">CategoryToBeDone</ulink></para>
</section></docbook>