Global function in Adobe Edge animated

7 Comments

• Roger Eaton says:

  January 9, 2015 at 7:32 am

  Nested Objects:

  This is great when the object is on the stage. But what if it is in a symbol? Or nested inside a nested symbol. When I took the rectangle and ellipse I had created and placed them inside a symbol, the code immediately broke. Do you know why?

  Thanks,

  Roger

  Reply
• Roger Eaton says:

  January 9, 2015 at 7:40 am

  I tried

  sym.rectMouseIn = function(){
  // statements
  sym.getComposition().getStage().getSymbol(“Symbol_1”).getSymbol(“Ellipse”).fadeTo(0,0);
  sym.getComposition().getStage().getSymbol(“Symbol_1”).getSymbol(“Rectangle”).fadeTo(0,1);

  }

  But it does not work.

  Reply
  • admin says:

    March 26, 2015 at 4:53 pm

    Dear Roger,
    Sorry for the late delay,
    if you want to manipulate DOM nested elements, you have to get the symbol element : sym.getComposition().getStage().getSymbol(“Symbol_1″).getSymbol(“Ellipse”).getSymbolElement().fadeTo(0,0);

    Reply
• Grace says:

  May 9, 2015 at 1:12 am

  Hi, I’d like to reference a class, so 4 symbols will play in tandem. But it will not work. Is it impossible to play a class? I see/think of no reason…

  Menu button – nested in a symbol
  4 different symbols – given class “indef”

  In compositionReady:

  sym.playIndef = function() {
  sym.getSymbol(“.indef”).play(“article”);
  }

  Or another problematic application of class. Only one of the four plays.
  Also in compostionReady:

  sym.flipPersonals = function() {
  sym.getSymbol(“.personals”).play();
  }

  Code on the menu button1:
  sym.playIndef();

  On the menu button2:
  sym.flipPersonals();

  Any help for me? Thanks Creative Coder!

  Reply
  • admin says:

    May 9, 2015 at 2:52 am

    Dear Grace,

    You can select Edge Animate symbols with a class using :
    jquery sym.$(“.indef”) and not sym.getSymbol(“.indef”)

    but you won’t be able to target their timeline, it won’t work :
    sym.$(“.indef”).play(‘article’); // not working
    sym.$(“.indef”).css(‘opacity’, .5); // works because it’s a jquery method

    You have to think symbol’s instance name as id more than class

    Reply
• Felipe says:

  February 22, 2016 at 9:56 pm

  Hi, thanks for the help this site gives.
  I have a question, how I can call a funtion from a button in the stage?

  The function is in the composition ready panel

  function ej() {
  sym.getSymbol(“cr1”).play();
  }

  What code I must put in the button at stage to call this function?

  Thanks for your valuable support.

  Reply
  • Trân says:

    March 24, 2016 at 9:48 pm

    Hi odinx07,

    I would link your function to the global window object, so I would write :
    window.ej = ej;

    Then in your button you could call window.ej();

    Reply