<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.isRunning"id=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">isRunning</a></td><tdclass=SDescription>Returns true if the animation is running.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxAnimation.startAnimation"id=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">startAnimation</a></td><tdclass=SDescription>Starts the animation by repeatedly invoking updateAnimation.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxAnimation.updateAnimation"id=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">updateAnimation</a></td><tdclass=SDescription>Hook for subclassers to implement the animation. </td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxAnimation.stopAnimation"id=link7onMouseOver="ShowTip(event, 'tt7', 'link7')"onMouseOut="HideTip('tt7')">stopAnimation</a></td><tdclass=SDescription>Stops the animation by deleting the timer and fires an <ahref="mxEvent-js.html#mxEvent.DONE"class=LVariableid=link8onMouseOver="ShowTip(event, 'tt8', 'link8')"onMouseOut="HideTip('tt8')">mxEvent.DONE</a>.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxAnimation.delay"></a>delay</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">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"><tr><tdclass="prettyprint">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.isRunning"></a>isRunning</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxAnimation.prototype.isRunning = function()</td></tr></table></blockquote><p>Returns true if 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"><tr><tdclass="prettyprint">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"><tr><tdclass="prettyprint">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"><tr><tdclass="prettyprint">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=link10onMouseOver="ShowTip(event, 'tt8', 'link10')"onMouseOut="HideTip('tt8')">mxEvent.DONE</a>.</p></div></div></div>
<divclass=CToolTipid="tt1"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>function mxAnimation(</td><tdclass="PParameter prettyprint "nowrap>delay</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs an animation.</div></div><divclass=CToolTipid="tt2"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">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"><tr><tdclass="prettyprint">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"><tr><tdclass="prettyprint">mxAnimation.prototype.isRunning = function()</td></tr></table></blockquote>Returns true if the animation is running.</div></div><divclass=CToolTipid="tt5"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxAnimation.prototype.startAnimation = function()</td></tr></table></blockquote>Starts the animation by repeatedly invoking updateAnimation.</div></div><divclass=CToolTipid="tt6"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxAnimation.prototype.updateAnimation = function()</td></tr></table></blockquote>Hook for subclassers to implement the animation. </div></div><divclass=CToolTipid="tt7"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxAnimation.prototype.stopAnimation = function()</td></tr></table></blockquote>Stops the animation by deleting the timer and fires an mxEvent.DONE.</div></div><divclass=CToolTipid="tt8"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">DONE: 'done'</td></tr></table></blockquote>Specifies the event name for done.</div></div><divclass=CToolTipid="tt9"><divclass=CClass>Extends mxEventSource to implement a graph component for the browser. </div></div><!--END_ND_TOOLTIPS-->
