Control the nested symbols

Hello. I use CC animate and try to build an animation for the deployment of HTML5/canvas.

I nested a symbol within a symbol, but I can't seem to solve the second level nested symbol.

The name of the instance of the parent symbol is called 'Planet10' and the name of the instance of the symbol in the symbol of the "Planet10' is called 'OrbitingRedMoon '.

My code looks like this:

This. StopMoon.addEventListener ("click", fl_MouseClickHandler_4.bind (this));

function fl_MouseClickHandler_4()
{
This. Planet10.OrbitingRedMoon.stop ();
}

I tried different versions of the line that contains the "stop()" command but can't seem to do things.

Can someone help me understand how to address correctly in a symbol, the symbol?

Thank you!

This is the correct way.

Double check for typos.

Tags: Adobe Animate

Similar Questions

  • Select the event inside the nested symbol does not

    It's actually based on a previous thread located here: http://forums.Adobe.com/message/5596353#5596353

    I thought about adding to this thread, but in many ways it deserves it's own separate discussion.

    I used the Zaxist examples and AMULI put in place successful. On a navigation bar located directly in the root.

    Now, the question is the same thing with a menu that is nested inside a symbol.

    In my example, I have a button that when you click on anime a symbol of navigation bar down. This works. Also, the LINK button retains its background color set to black until the user clicks another button in the main navigation bar. OK, he has no other button in this example. So just pretend and believe me, it works.

    Now in the nested clip, there is a similar function I Illustrazione in the compositionReady. Then I added my actions to each of the four buttons inside the symbol navlink nested. The rollover/rollover effects work well. But the click event shows an error. It is basically the same click event in the navigation bar on the root, which does not have an error.

    My code inside the compositionReady is;

    Reset the State of each button

    buttons = {}

    Reset: function() {}

    sym.getSymbol("btnLink").$("back").css ({"opacity": "0"})

    }

    }

    which button?  Zero means no!

    We set this variable to get know e what button

    WB = 0;

    Reset each State buttons Sub

    buttonsub = {}

    Reset: function() {}

    sym.getSymbol("btnCommunication").$("back").css ({"opacity": "0"})

    sym.getSymbol("btnIndividuality").$("back").css ({"opacity": "0"})

    sym.getSymbol("btnCreativity").$("back").css ({"opacity": "0"})

    sym.getSymbol("btnInclusivity").$("back").css ({"opacity": "0"})

    }

    }

    which button?  Zero means no!

    We set this variable to get know e what sub button

    SB = 0;


    I would like to only it where there are two functions. One for all main buttons and the other for all the buttons of the child. This way I can have two buttons stuck to the hover effect when you click them in order. If all goes well, that makes some sense.

    Here is my event click in the button "btnIndividuality" inside the symbol navLink nested:

    buttonsub. Reset();

    sym.getSymbol("btnIndividuality").$("back").css ({opacity: 1})

    SB = 1;

    The other three buttons are basically the same.

    So I tried a number of ideas. Especially goes directly from the stage and drilling down into JQuery. Nope.

    So the Firebug error is 'Javascript error in the event handler. Type of event = 162 item line ' we of edge.2.0.0.min.js. It's this line:

    function (a) {if (a) {if(!this.aSymbolInstances) this.aSymbolInstances = []; this.aSymbolInstances.push (a.getSymbolElement ())}}; Y = Function (a, b, c) {function f (c, b) {if (b.length > = 2 & & typeof b [0] = 'object' & & typeof b [1] = 'object' & & b [1] .Guy! == "onError") {var e; e = d.Event ("onError"); if (g) e.compId = g.getComposition () .compId; e.originalEvent = b [1]; d (doc indicator) .triggerHandler (e)} window.console.log ("Javascript error in the event handler.}} Type of event = "(+a)} var e = this [b [0]], g;" = If (typeof e = "function") if (b.slice (1), a = 'element') return function() {var;

    Why would I get this here and not on the root? What is the correct path to make it all work? If close, but not home right now.

    Files are located in:

    https://www.dropbox.com/s/xlgfeeyam9hyuf3/nested.zip

    Oops! Sorry, without my knowledge, that it was published before it is completed

    (3) thus, using Firebug, you get this when you trigger a click event

    In other words, sym.getSymbol ("btnCommunication"), the first statement in your buttonsub.reset function fails.

    In your mind, sym points to the instance of navLink, parent of the instance of btnCommunication.

    But the buttonsub.reset function is defined in the compositionReady event handler, so when it runs sym points until the symbol of the scene, which has no child symbol instance named btnCommunication. Where the bug.

    Therefore, the context of symbol should be past to the function as a parameter. Set it like this:

    buttonsub = {}

    reset function: ( symClick)

    {

    symClick.getSymbol("btnCommunication").$("back").css ({"opacity": "0"})

    And call it like this:

    buttonsub. Reset ( sym);

    In other words, the formal parameter symClick will receive as the effective setting, this actually sym sym pointing to the instance of navLink.

    Gil

    .

  • How to access the symbols on the main timeline of the nested symbol

    I have read the JSAPI edge but still no way to make it work.

    Very simple: you click on a button, a window will appear. the button that makes the window appear is supposed to hide elements of what he does. HOWEVER when I want to use a close button in the symbol (window) to make these symbols appear again, it does not work.

    Inside the symbol I tried:

    sym.getComposition () .getStage ().getSymbol("openTabButtBlack").show ();

    Does not work.

    sym.getComposition () .getStage ().$("openTabButtBlack").show ();

  • call a symbol on the stage of the nested symbol

    sym.getComposition () .getStage ().getSymbol("mySymbol").hide ();

    and it does not work!

    What I am doing wrong?

    Try this:

    sym.getComposition () .getStage ().$("mySymbol").hide ();

  • Question of nested symbol

    I'm sure this has already been answered. I could not find.

    I have a symbol that contain the other three symbols in it. I have put on the main symbol of the action and want to access the nested symbols and I couldn't understand it.

    mainSymbol

    childSymbol_01

    childSymbol_02

    childSymbol_03

    My code works fine on the main symbol:

    TweenMax.to (sym.$("mainSymbol"), 1, {css: {opacity: 0}, ease:Expo.easeOut});})

    How to access the nested symbol

    I tried without success:

    / TweenMax.to (sym. $(getSymbol ("childSymbol_01")), 1, {css: {opacity: 0}, ease:Expo.easeOut});})

    That has not worked, but your response that I saw that I do not use the "$" for the child.

    Here's what I did:

    var myVar = sym.getSymbol("parent_Symbol").$("child_Symbol")

    TweenMax.to (myVar, 0, {css: {opacity: 0}, ease:Expo.easeOut});})

    It works fine and I can access the child using myVar.

  • Actions on the nested items

    I have two symbols on a stage with several items each.  I want to be able to click on symbole1-Element1 and play Symbol2-item2 animation.

    I tried to put

    sym.getSymbol("Symbol2") .getSymbol ("item2").play("Start");

    in the Actions of S1 - E1, but nothing happens, as it does not record it is clicked.

    If I pull S1 - E1 off symbole1 and just as a component on the stage, he plays very well.

    Is there a way to execute actions of the nested elements?

    Access a timeline of symbol of in another symbol

    To access another symbol from a symbol, precede using getSymbol with sym.getComposition () .getStage (), as shown in the following example:

    // Get the stage from the composition level, get the symbol, and play the timeline
    sym.getComposition().getStage().getSymbol("symbolName").play();

    To access a timeline of symbol nested in a symbol, nest using getSymbol, as shown in the following example:

    // Get the stage from the composition level, get the parent symbol, then get the nested symbol timeline
    sym.getComposition().getStage().getSymbol("symbolName1").getSymbol("symbolName2").play(0);

    More information:

    Adobe Edge animate JavaScript API - Version 1.0.0

  • playReverse the symbol that has nested symbols in order

    Dropbox - AE - TEST 3

    Hello

    Having a problem with the playReverse method. Basically, I would like to know if you can playReverse a symbol animation that nested symbol/animations?

    Above dropbox link is the project file.

    In the attached draft 3 Test, I have symbol called "animation-4-master. In this context there is 2 symbols, 'animation-4-start' and "animation-4" which play in sequential order."

    In the project, I have two theses keys 'BEFORE' and 'Backward'.

    What should happen is when you press the next button, the symbol/animation parent plays forward, play animations nested in the order, that is fine.

    When I do the opposite which is playReverse, the parent timeline goes to the end where it should, but then only plays the 2nd animation (animation-4) and he plays forward, not even back. The first nested animation (animation-4-start) do not even get played.

    I have inserted console.log markers to indicate points of 3 position both forward and reverse, so here goes, how do you know what makes the timeline.

    I can easily play each animation nested by itself since the reverse button, but I want to play the animation parent, in order to play the two animations embedded in the reverse order.

    There is no trigger that move to the position of the playhead, they produce just console.logs to try to solve this problem.

    Any help would be great.

    Mick

    Another version: display timelines.zip - Box

    I've posted all of the timelines. You have four maturities.

  • Issues animating the symbol of another nested symbol instance

    Quite the odd question here got to animate a symbol when mousing over or a symbol that is nested inside a symbol. You can see the example here. Overview of the word VISION. What is happening is another symbol is animated down using JQuery animate function. Mouseover on bring him upward.

    What is really? The symbol sometimes animated up and down uncontrolably. He ends by stops, but not necessarily to the correct place. It's because of all the nesting? I try to keep it as clean as possible, that's why I'm nesting symbols. Much as I would like a model Flash way back when.

    Here's the mouse for btnVision code:

    var myBtnVision = sym.getSymbol ("btnVision");

    myBtnVision.play ();

    try {}

    var point = sym.getComposition () .getStage)

    Stadium. $("secVision").animate ({top: 100}, {duration: 1000});

    } catch (error) {}

    If (console & & console.error) console.error ("an error occurred:" + Error.ToString, error);

    }

    and here's the mouseout/mouseouthandler():

    var myBtnVision = sym.getSymbol ("btnVision");

    myBtnVision.playReverse (500, false);

    try {}

    var point = sym.getComposition () .getStage)

    Stadium. $("secVision").animate ({top: 70}, {duration: 1000});

    } catch (error) {}

    If (console & & console.error) console.error ("an error occurred:" + Error.ToString, error);

    }

    I have a dropbox folder with examples in what follows:

    https://www.dropbox.com/s/ccgapo20p233h7z/rollover.zip

    Solved! It was just a little extra JQuery code that did the trick. Essentially by inserting a stop action.

    try {}

    var point = sym.getComposition () .getStage)

    Stadium. $("secVision").stop () .animate ({top: 100}, {duration: 1000});

    } catch (error) {}

    If (console & console.error) console.error ("an error occurred:" + Error.ToString, error);

    }

  • animation scene control buttons nested in a symbol

    I have a symbol that is animated png SEQ of a "cube" in rotation. Added to the symbol that I created "buttons" that are clear rectangles that define an "area by clicking on". Each of them corresponds to one side of the 'cube '. As the cube turns I turn these "buttons" power and follow the corresponding cube face while she faces the user. The name of the symbol is 'CubeSpin', the symbol of the names button is Button1, Button2, etc to Button6.

    I want to be able to do is create click actions for these buttons to the stage main compositionReady who - stop() (1) game of 'CubeSpin' symbol and goto (2) and play (label) on the chronology of the main stage.  The animation to play on the main stage (label) head, among other things, sliding the symbol "CubeSpin" off the stage and out of sight, then it turns off (screen off). At the end of this animation, slides "CubeSpin" back on stage, and I want to add a trigger code to start even play() for the symbol of the "CubeSpin".

    Thanks for any help here.

    Joel H

    Hello

    To call a function on Stage.compositionReady in the nested cube, you can do this:

    Put this code on each cube button (the parameter passed to the onClickCube function will be 1-6, corresponding to your buttons)

    sym.getComposition () .getStage () .onClickCube (1);

    Put this code on Stage.compositionReady (add the case of the 1-6)

    sym.onClickCube = {(btnID) function}

    {Switch (btnID)}

    case 1:

    sym.getSymbol("CubeSpin").stop ();

    SYM. Play ("Label_1");

    break;

    case 2:

    sym.getSymbol("CubeSpin").stop ();

    SYM. Play ("label_2");

    break;

    }

    }

    If all of your timeline plays cases use the same naming conventions increments, you can simplify the code above to this:

    sym.onClickCube = {(btnID) function}

    sym.getSymbol("CubeSpin").stop ();

    SYM. Play (btnID + "Label_");

    }

  • How can I control the external javascript dashboard symbols?

    I came across a dozen of similar threads, but most have introduced solutions that worked in previous versions of the edge and not more working time.

    I'm trying to use Edge to create animations that can be then incorporated into cutting-edge projects either. I would then be able to control the Edge chronology or symbols of edge of items outside of the edge, as another link or button in the page.

    I can't understand how to correctly reference the stage edge or symbols.

    I have met several solutions proposed for referencing edge scene, such as:

    var comp = AdobeEdge.getComposition ("EDGE-966604542");

    var point = comp.getStage ();

    model var = $. Edge.getComposition ("EDGE-966604542");

    var point = comp.getStage ();

    var comp = Edge.getComposition ("EDGE-966604542");

    var point = comp.getStage ();

    and they DO NOTHING or raise errors related to AdobeEdge or edge or model being undefined.

    Does anyone have a solution that really works with the current version of edge animate?

    Thank you

    Scott

    Hi, Scott.

    It seems that you do not use the bootstrapCallback function, which is what you will need to get this working.  This thread from a few months (after 1.0 released) is still accurate.  He'll hope that you said in the right direction.

    http://forums.Adobe.com/message/4883264

    Hope that helps!

    -Elaine

  • Control the timeline of a symbol

    Here's what I would do:

    Click play "circle."

    Then again the user clicks:

    in, click playReverse 'ring '.

    I use the symbol as the botton to trigger it is animation. So, how do we use the same symbol to trigger the animation in reverse.

    Thank you!

    Hey 19, you can do this by setting a variable in the Stage.compositionReadyEvent:

    SYM.direction = 'forward ';

    Then the button click, check this variable:

    If (sym.getComposition () .getStage () == 'forward') {}

    play forward

    SYM. Play();

    switch to the next click var

    sym.getComposition () .getStage () = 'reverse ';

    } else {}

    play reverse

    sym.playReverse ();

    switch to the next click var

    sym.getComposition () .getStage () = "forward";

    }

  • computer in question being, trying to download the latest update (kb981852) whenever I have download nothing is updated and the security symbol remains (yellow shield of windows).

    Einf is the message I get.  I did what I usually do to download but nothing happens.  I noticed there are 0 download size, so I guess that nothing is there for download anyway.  The windows symbol, I assume that something is wrong.  Please could someone enlighten me.

    Download size: 0 KB 0 minutes (downloaded; ready to install)
    A security issue has been identified that could allow an authenticated local attacker to compromise your system and take control. You can protect your system by installing this update from Microsoft. After you install this update, you may have to restart your system.  Details...
    Update security for Windows XP (KB981852)

    Visit the Microsoft Solution Center and antivirus security for resources and tools to keep your PC safe and healthy. If you have problems with the installation of the update itself, visit the Microsoft Update Support for resources and tools to keep your PC updated with the latest updates.

    For enterprise customers, support for security updates is available through your usual support contacts.

  • My computer ASUS Windows 8 is to type the wrong symbols.

    My computer ASUS Windows 8 is to type the wrong symbols.  for example: E instead of a question mark.  This has happened on a laptop, I had many years ago and I don't know how to solve this problem.  Can someone help me have tried to change the language already in the Panel, tried to hit F9 and F11.  None of these things helped him.

    Hello

    Please contact Microsoft Community.

    This problem may occur if a US-Dvorak keyboard is listed in text Services. The standard keyboard is US, and this must be the only keyboard listed in the Services section of the text of the control panel.

    To resolve this issue, remove all instances of keyboards other than the standard American keyboard. To do this, follow these steps.

    NOTE: If you press NumLock on the keyboard of some laptops, which makes different characters available when you type. For the keyboard back to its standard functionality, press FUNCTION + NumLock.

    1. Click Start, type Control Panel , and then click Control Panel.
    2. Double-click regional and Language Options.
    3. Click the languages tab.
    4. In the pane of input languages and text Services , click Details.
    5. In the component Services installed , click on any listed keyboard other than US, and then click Remove.
    6. When the confirmation message appears, click Yes.
    7. Repeat step 5 until all the keyboards listed except US are removed.

    Meet us, then we can help you further.

  • Click on the multiple symbols to trigger an action.

    Hello

    I create a list of interactive control which requires that all of the check boxes on a page to check. On each page there is a list of boxes that need to be verified and master list on the side. Once you have checked all the boxes (symbols) on the page, the box of coresponding to the page in the main list would also get a check. Somehow, I need to connect all of the checkboxes in the list so that once they are all checked, the correct area in the main list would get a check.

    Screen Shot 2014-03-28 at 10.43.23 AM.png

    So far I put it in place so that every page is a symbol, use the next and previous buttons and I have created symbols that function as check boxes.

    Thank you in advance for any help you can offer.

    B.

    Ok. I got that it works like a charm. Thanks for your help!

    Here is a link:

    http://dev.speakdesign.com/Sage/13-03599/checklist.html

  • Buzz.js: How its set of nested symbols?

    Hello

    I loaded buzz.js and it plays well with this code:

    var mySound = new buzz.sound ("soundfolder/C:\myaudio", {format: ["ogg", "mp3"]});

    mySound.play ();

    Now, if 'var mySound = new buzz.sound' is Stage.creationComplete, how can I play this sound of a nested symbol? Can someone give me a code example? Thank you

    Try:

    sym.getCompostion () .getStage ().getSymbol('symbolName).mySound. play();

    or do the global variable (var remove) and add the code for the game in the symbol.

Maybe you are looking for