<!-- saved from url=(0026)http://www.naturaldocs.org -->
<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxAnimation"></a>mxAnimation</h1><divclass=CBody><p>Implements a basic animation in JavaScript.</p><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxAnimation">mxAnimation</a></td><tdclass=SDescription>Implements a basic animation in JavaScript.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxAnimation.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxAnimation.mxAnimation"id=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">mxAnimation</a></td><tdclass=SDescription>Constructs an animation.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxAnimation.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxAnimation.delay"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">delay</a></td><tdclass=SDescription>Specifies the delay between the animation steps. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxAnimation.thread"id=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">thread</a></td><tdclass=SDescription>Reference to the thread while the animation is running.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxAnimation.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxAnimation.startAnimation"id=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">startAnimation</a></td><tdclass=SDescription>Starts the animation by repeatedly invoking updateAnimation.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxAnimation.updateAnimation"id=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">updateAnimation</a></td><tdclass=SDescription>Hook for subclassers to implement the animation. </td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxAnimation.stopAnimation"id=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">stopAnimation</a></td><tdclass=SDescription>Stops the animation by deleting the timer and fires an <ahref="mxEvent-js.html#mxEvent.DONE"class=LVariableid=link7onMouseOver="ShowTip(event, 'tt7', 'link7')"onMouseOut="HideTip('tt7')">mxEvent.DONE</a>.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAnimation.mxAnimation"></a>mxAnimation</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function mxAnimation(</td><tdclass=PParameternowrap>delay</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs an animation.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>graph</td><tdclass=CDLDescription>Reference to the enclosing <ahref="../view/mxGraph-js.html#mxGraph"class=LClassid=link8onMouseOver="ShowTip(event, 'tt8', 'link8')"onMouseOut="HideTip('tt8')">mxGraph</a>.</td></tr></table></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAnimation.delay"></a>delay</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAnimation.prototype.delay</td></tr></table></blockquote><p>Specifies the delay between the animation steps. Defaul is 30ms.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAnimation.thread"></a>thread</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAnimation.prototype.thread</td></tr></table></blockquote><p>Reference to the thread while the animation is running.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAnimation.startAnimation"></a>startAnimation</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAnimation.prototype.startAnimation = function()</td></tr></table></blockquote><p>Starts the animation by repeatedly invoking updateAnimation.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAnimation.updateAnimation"></a>updateAnimation</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAnimation.prototype.updateAnimation = function()</td></tr></table></blockquote><p>Hook for subclassers to implement the animation. Invoke stopAnimation when finished, startAnimation to resume. This is called whenever the timer fires and fires an mxEvent.EXECUTE event with no properties.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxAnimation.stopAnimation"></a>stopAnimation</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAnimation.prototype.stopAnimation = function()</td></tr></table></blockquote><p>Stops the animation by deleting the timer and fires an <ahref="mxEvent-js.html#mxEvent.DONE"class=LVariableid=link9onMouseOver="ShowTip(event, 'tt7', 'link9')"onMouseOut="HideTip('tt7')">mxEvent.DONE</a>.</p></div></div></div>
</div><!--Content-->
<divid=Footer><ahref="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<divclass=CToolTipid="tt1"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function mxAnimation(</td><tdclass=PParameternowrap>delay</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Constructs an animation.</div></div><divclass=CToolTipid="tt2"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAnimation.prototype.delay</td></tr></table></blockquote>Specifies the delay between the animation steps. </div></div><divclass=CToolTipid="tt3"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAnimation.prototype.thread</td></tr></table></blockquote>Reference to the thread while the animation is running.</div></div><divclass=CToolTipid="tt4"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAnimation.prototype.startAnimation = function()</td></tr></table></blockquote>Starts the animation by repeatedly invoking updateAnimation.</div></div><divclass=CToolTipid="tt5"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAnimation.prototype.updateAnimation = function()</td></tr></table></blockquote>Hook for subclassers to implement the animation. </div></div><divclass=CToolTipid="tt6"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxAnimation.prototype.stopAnimation = function()</td></tr></table></blockquote>Stops the animation by deleting the timer and fires an mxEvent.DONE.</div></div><divclass=CToolTipid="tt7"><divclass=CVariable>Specifies the event name for done.</div></div><divclass=CToolTipid="tt8"><divclass=CClass>Extends mxEventSource to implement a graph component for the browser. </div></div><!--END_ND_TOOLTIPS-->
