<docbook><section><title>OATDOCtoolbar</title><para> </para>
<title> toolbar.js</title> toolbar.js
<para>Basic Toolbar control.</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h2"> Objects</bridgehead>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Toolbar(div, options)</bridgehead>
<para>Creates a <computeroutput>Toolbar</computeroutput>.
 Its main <computeroutput>div</computeroutput> is accessible as toolbar.
 <computeroutput>div</computeroutput>.
 You can use the following <computeroutput>options</computeroutput>:</para>
<itemizedlist mark="bullet" spacing="compact"><listitem><computeroutput> <emphasis>labels</emphasis></computeroutput> - use labels (default <computeroutput>false</computeroutput>)</listitem>
</itemizedlist><bridgehead class="http://www.w3.org/1999/xhtml:h2"> Methods</bridgehead>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Toolbar.addIcon(twoStates, imagePath, tooltip, callback)</bridgehead>
<para>Adds a new icon to Toolbar.
 If <computeroutput>twoStates</computeroutput> is true, then this icon will have two states (otherwise 1).
 This icon will have image located at <computeroutput>imagePath</computeroutput>; onHoverit will display <computeroutput>tooltip</computeroutput>; and clicking it will execute <computeroutput>callback</computeroutput> (with state #, 0 or 1, as an argument).</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Toolbar.addSeparator()</bridgehead>
<para>Adds a separator.</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Toolbar.removeIcon(icon)</bridgehead>
<para>Remove <computeroutput>icon</computeroutput>.</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Toolbar.removeSeparator(separator)</bridgehead>
<para>Remove <computeroutput>separator</computeroutput>.</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h2"> CSS classes</bridgehead>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Toolbar.toolbar</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Toolbar.toolbar_icon</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Toolbar.toolbar icon_down</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Toolbar.toolbar_separator</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h2"> Example</bridgehead>
<programlisting>var callback = function(state) { alert(state); }
var t = new OAT.Toolbar();
t.addIcon(true, &quot;&quot;, &quot;some tooltip&quot;, callback);
document.body.appendChild(t.div);
</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>