Quantcast
Channel: Adobe Community : All Content - Edge Animate
Viewing all articles
Browse latest Browse all 9897

how to create the animation div dyanimcally using jquery+javascript

$
0
0

Hello,

after a week of researching and without getting the full result i decided to upload new discussion here and maybe some of you guys will help me.thanks in advance.

 

include the file:

<!--Adobe Edge Runtime-->

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <script type="text/javascript" charset="utf-8" src="animate_edgePreload.js"></script>

<!--Adobe Edge Runtime End-->

 

html code:

<div id="Stage" class="EDGE-70798230"></div>    if i put it like this of course everthing works fine..i can put more with different id's and they will work fine...

 

my problem:

i dont know how many of this animation i will need...depends of what my server will give me in the response...so i need to create them dynamically...

i tried lots of things:

$("#newAnimation").append('<div id="Stage2" class="EDGE-70798230"></div>');    of course with this nothing happend...it even dont get the symbols under stage..and not any of the css...

 

$(".EDGE-70798230#Stage").clone().appendTo("#newAnimation");

$("#newAnimation").children('#Stage').prop('id','Stage2');   then mroe css changes and just then i can see the animation but it doesnt work..."play is not defind" when i try to run the animations..

 

i know there is some function that called createChildSymbol/createSymbolChild but none of them work for me...

i use jquery mobile..so to start the animation for example i do $.Edge.symbol.get($("#Stage")).play();

i tried to use the loadResources etc....doesnt work too..

 

anyone have some idea what i can do? it is possible?


Viewing all articles
Browse latest Browse all 9897

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>