<docbook><section><title>OATDOCdrag</title><para> </para>
<title> drag.js</title> drag.js
<para>Provides dragging (moving) capability for any DOM node</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h2"> Functions</bridgehead>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Drag.create(clicker, mover, optObj)</bridgehead>
<para>Modifies element <computeroutput>mover</computeroutput> such that clicking and moving on <computeroutput>clicker</computeroutput> will cause it to move.
 Additional options can be specified using <computeroutput>optObj</computeroutput> object: </para>
<itemizedlist mark="bullet" spacing="compact"><listitem><computeroutput> <emphasis>type</emphasis></computeroutput> - one of the constants, specifies direction in which element may be dragged </listitem>
<listitem><computeroutput> <emphasis>restrictionFunction</emphasis></computeroutput> - callback which specifies movement restriction </listitem>
<listitem><computeroutput> <emphasis>endFunction</emphasis></computeroutput> - callback to be executed when dragging ends </listitem>
<listitem><computeroutput> <emphasis>magnetsH</emphasis></computeroutput> - array of elements to horizontally snap to </listitem>
<listitem><computeroutput> <emphasis>magnetsV</emphasis></computeroutput> - array of elements to vertically snap to </listitem>
<listitem><computeroutput> <emphasis>cursor</emphasis></computeroutput> - bool, automatically adjust CSS cursor</listitem>
</itemizedlist><bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Drag.remove(clicker, mover)</bridgehead>
<para>Removes dragging relation between <computeroutput>clicker</computeroutput> and <computeroutput>mover</computeroutput>.</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Drag.removeAll(clicker)</bridgehead>
<para>Removes all dragging relations from <computeroutput>clicker</computeroutput>.</para>
<bridgehead class="http://www.w3.org/1999/xhtml:h2"> Constants</bridgehead>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Drag.TYPE_X</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Drag.TYPE_Y</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h3"> OAT.Drag.TYPE_XY</bridgehead>
<para><ulink url="ToBeDone">ToBeDone</ulink></para>
<bridgehead class="http://www.w3.org/1999/xhtml:h2"> Example</bridgehead>
<programlisting>var header = Dom.create(&quot;div&quot;);
var body = Dom.create(&quot;div&quot;);
body.appendChild(header);
OAT.Drag.create(header, body, {type:TYPE_XY});
</programlisting><para> <ulink url="CategoryOAT">CategoryOAT</ulink> <ulink url="CategoryDocumentation">CategoryDocumentation</ulink> <ulink url="CategoryOpenSource">CategoryOpenSource</ulink> <ulink url="CategoryToBeDone">CategoryToBeDone</ulink></para>
</section></docbook>