Symbols with actions in groups

Forum|Forum|8 years ago
February 12, 2018
1 reply
308 views

If I have a movieclip symbol which has a simple clickable action to hide another object on the HTML canvas, however the object I want to be clickable is in a group, but the object I am setting visible to false is not in this group.

Have tried using the actions and code snippets to set this, but is not working, am wondering if I have to reference it differently because 'bind(this)' or 'this.movieClip_1.visible' is only looking for objects within the group??

Thanks

This topic has been closed for replies.

JoãoCésar17023019

Community Expert

Hi.

What you call a group is a Movie Clip, I suppose.

So here is a code to make a button inside of a Movie Clip to set another button inside of another Movie Clipe invisible and also set a button in the main timeline to also be invisible.

var that = this;
this.group0.button.addEventListener("click", function()
{
    // object inside of a movie clip called 'group1'
    that.group1.button.visible = false;
   
    // object in the main timeline
    that.button.visible = false;
});

animateuser123456Author

Participant

Thanks, kind of.

Also, can I ask why you use 'var that = this;' ?

It is a movieclip symbol (m1), combined with other objects into a group (g1) (Modify > Group), then this group converted to a movieclip symbol so can give it an instance name.

Then I can show/hide the entire group with one command

Problem I was having is applying a link to the movieclip symbol within the group to target an object (m3) outside of the group.

However, steered by your code I found that by adding the group instance name to the 'this. eventlistener' line it worked, I guess by identifying the clickable symbol was in a group and not referencing this group in the .visible request it figured it out.

this.g1.m1.addEventListener("click", fl_ClickToHide.bind(this));

function fl_ClickToHide()
{
this.m3.visible = false;
}

So, all working now , thanks

JoãoCésar17023019

Community Expert

Nice!

Just two things:

- Groups can't be referenced in code. It's just an organization feature for the authoring time.

- I used 'var that = this' because of scope. 'this' in the main timeline and 'this' inside of a function may refer to different objects. That's why the 'that' variable is handy because it stores a reference to the main timeline no matter where it is used.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.