Quantcast
Viewing latest article 49
Browse Latest Browse All 9897

Symbol timeline event via class problem

Hi everybody,

 

I am having a peculiar problem. I have three symbols on the stage called Symbol_X, Symbol_Y and Symbol_Z. I want to move each symbol's timeline to the label "A" at once by clicking button Symbol_A. I also created another button Symbol_B for moving these symbols timeline to the label "B" at once. I assigned a class called "results" to Symbol_X, Symbol_Y and Symbol_Z by using the property panel.

 

The click function for Symbol_A button is,

 

var symselect = sym.getComposition().getStage().getSymbol(".results");

symselect.stop("A");

 

And the click function for Symbol_B button is,

 

var symselect = sym.getComposition().getStage().getSymbol(".results");

symselect.stop("B");

 

 

Problem is, only Symbol_Z 's timeline responses to these buttons' click (shows some texts) but the other two don't. I know my codes are OK because interestingly, if I just change the order of these 3 symbols in the Element panel, the lowest symbol in the order always works! So all three symbols X Y Z works individually if their position is at the bottom of the other two! These 3 symbols are not overlapping so, there's no chance that the top one is hiding the other two.

 

However, the only time I managed to work all three together when I didn't use the class and used getSymbol directly with symbolName / id / title like this,

 

sym.getComposition().getStage().getSymbol("Symbol_X").stop("A");

sym.getComposition().getStage().getSymbol("Symbol_Y").stop("A");

sym.getComposition().getStage().getSymbol("Symbol_Z").stop("A");

 

But I don't want to use this method as my real project would have hundreds of symbols with their own timeline!

 

I tried addClass command in the Stage CompositionReady and CreationComplete area. I used other classes for button CSS hover color change and show/hide effect and called them from different symbols without any problem. It seems only the timeline events like play, stop etc. are not working with multiple symbol timelines while using the class. 

 

My question is, is it a known bug? If I can't take the advantage of the CSS class then what's the use of classes and ids? Or am I doing something wrong here? Is there any other way I can move hundreds of symbols' timeline using just one line of code instead of hundreds? Why only the bottom order element works among the same class?

 

I know Edge products are retiring soon. I hope someone from Adobe community will help me with this issue for the last time! BTW, I am using Edge animate CC 2015 version with JS/Jquery 2.0.3 min.js

 

Thank you in advance.

Image may be NSFW.
Clik here to view.

Viewing latest article 49
Browse Latest Browse All 9897

Trending Articles