I have a couple of animations running, but I only want it to play when a key is pressed.
<animateMotion id="legani-part1" xlink:href="#rightLeg" path="M400,390 C405,370 415,370 420,390" dur="0.5s" begin="indefinite;legani-part4.end" rotate="auto" /> <animateMotion id="legani-part4" xlink:href="#leftLeg" path="M400,390 C405,370 415,370 420,390" dur="0.5s" begin="legani- part1.end" rotate="auto" /> myAnimation1 and myAnimation2 in my code hold the animation elements in my JS code onload I start the animation off with this code myAnimation1.beginElement(). No problem there, however what I am trying to do is pause them straight away with these lines myAnimation1.pauseElement(); myAnimation2.pauseElement(); and then when a key is pressed I execute ... myAnimation1.unpauseElement(); myAnimation2.unpauseElement(); problem is, as soon as it hits the pauseElement() it throws the error "Object doesn't support this property or method". What am I doing wrong, according to what I have read that should work, does anyone know what's wrong or know of a good working example I can reference, couldn't find anything on google. This is the opening svg tag, think I reference all the needed NS... <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://www.adobe.com/svg10-extensions" a:timeline="independent" width="750" height="500" onload="init(evt);" onkeydown="whichkey(evt);" onkeyup="endKeyPress(evt);" style="pointer- events:fill;"> TIA Dale ----- To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ---- Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/

