SimpleButton inside MovieClip Symbol

I want to create various button panels contained in separate
MovieClip(symbols) created and laid out in a movie clip. I want to
use flash button objects on each panel. Then swap panels at will
that bring the buttons along with the panel so all I have to do is
call..panel1 = new panelOne; panel2 = new PanelTwo, etc...If I
create a class for each button with its functionally built in how
can I access the button from the panel? I figure I have to import
the buttons in the panel class before it will work? I tried
panel1.getChildAt(x) but that didn't seem to work. Do I have to
dynamically add the buttons as children to be able to access them
with actionscript.
Thanks!

From inside a movieclip you can talk to the _parent object/timeline using "_parent" to target it. So if you wanted to tell the _parent to move to a certain frame, inside the movieclip you could use...
_parent.gotoAndStop(some frame);
Or if there was a function in the _parent you could use...
_parent.someFunction();
or maybe...
_parent.someFunction(RoXYZ); // passing the RoXYZ variable as an argument
And if you needed to target the main timeline from inside some buried movieclip, you can use _root instead of _parent.

Similar Messages

3d Tween inside a movieclip symbol

Hi everyone,
There is probably a quick answer to this. Here is the situation, I have an .FLV in one layer of a movieclip symbol and on a different layer have some dynamic text that I am trying to rotate with an obect in the .FLV. I figured this would be a great use of the 3d tween for this text. The problem is that when I bring this MovieClip Symbol (with the 3d tween and .FLV which works in the symbol editor) depending on where I place this clip on the stage I get different results from the 3d tween negating the desired effect. For various reasons I must have the effect in the same MC with the .FLV. Any ideas on why this happens, or how I can bypass it?

you must publish for fp 10 to use this class. check the flash help files to read about it.
usage is not difficult. so, if you want 3d transforms of yourobj to be relative to yourobj's center, use:
var pProjection:PerspectiveProjection=new PerspectiveProjection();
pProjection.projectionCenter = new Point(yourobj.width/2,yourobj.height/2);
yourobj.transform.perspectiveProjection = pProjection;

Copying or duplicating a movieclip symbol

I ran into a problem, I have a movieclip symbol which is on the maintimeline in a scene. In the next scene I need the exact same elelments in the previous movieclip but in this scene I need to animate the location back anfd forth.
I figured I would copy the mc and rename then rename the elements that made the clip.
No good as it changes the names elements from the orignal mc.
Then I tried to duplicate the mc and when I tried to rename the elements inside I get the same problem.
Just dso I'm clear here is a for instance:
original mc is called handOne, inside that clip is an image of a hand on one line and a blinking number looping on another line.
this clip is stationary in the scene on the main timeline.
Now
I need the same exact clip in the next scene but this time it needs to move across the stage.
Any help?
R

If you want another instance of the symbol it will get another name since you need a different ID for 2 elements in the DOM.
But if you want to duplicate the symbol to make another one slighlty different, then you duplicate in the library - not the elements panel.
If you have 2 instances of the same symbol you should be able to make them do different things without affecting the first instance.
When a symbol is played entirtely you need to reset it to the beginning if you want to use it again unless it is a looping symbol. you reset with stop(0);
Since I am not sure what you are doing, I am not sure how to advise you but I hope this helps.

Trying to show() and play() a symbol from inside another symbol

Hi Everyone !
I'm running into a problem which is getting me crazy.
I have the following case :
- 1 symbol (_Page_Background) containing an animation with the following trigger @0s :
// Hiding the symbol
sym.getParentSymbol().$("_Page_Background").hide();
// Stop it
sym.stop();
- 1 element (B_TOYS), inside of a symbol (BUTTONS) with the following "click" trigger :
// Showing the _Page_Background symbol
sym.getComposition().getStage().getSymbol("_Page_Background").show();
// Start playing it
sym.getComposition().getStage().getSymbol("_Page_Background").play("INTRO");
The Symbol _Page_Background starts hidden, like it should. But when I click on the button (B_TOYS), nothing happens. Although, everything was working correctly before I turned my buttons into symbols ..
I guess the problems lies with the "show()" function, because I have other buttons that work properly but they don't show/hide anything, they just play()
Am I missing something ?!
Thanks in advance for your kind help !

Hi Dimitri,
Think of symbols as independent timelines that can contain other elements, or instances of other symbols. The Stage/main timeline is a symbol as well. Scripting calls are scoped to the symbol that the script is in. The keyword sym stands for the symbol that you're in with the script.
So if your script is at the same level as what you are targeting with it:
Use sym.$("elementName") to access an element's properties
Use sym.getSymbol("symbolName") to access a symbol's timeline. If there's another symbol inside that symbol that you want to access, you'd use sym.getSymbol("symbolName").getSymbol("childSymbolName")...that's only two levels deep, but you can go as deep as needs be.
If you're trying to access an element in a symbol, you'd combine these two, such as sym.getSymbol("symbolName").$("elementName")
When your script is within a symbol and you want to access an element or symbol outside of the symbol timeline:
Use sym.getParent() to get to any elements that are in the parent symbol (the symbol which contains the symbol you're calling from), which could be the Stage or could be another parent symbol
Use sym.getComposition().getStage() from any symbol level to access things at the main Stage level. You can also dive into a symbol on the Stage from any symbol using sym.getComposition().getStage().getSymbol("symbolName").
All is explained in detail here:
http://www.adobe.com/devnet-docs/edgeanimate/api/current/index.html
hth,
Joe

How to access a variable from inside another symbol

So i did this tutorial, Leveraging Independent Symbol Timelines created by Eliane...it's rockin, btw. ;-)
All's well but now i have a symbol on the stage called mc-home. inside of mc-home is a button called btn-go.
On the stage in composition ready there's a variable sym.setVariable("current", "mc-home");
This code works for a symbol that's on the stage but, how do i get this code to work on a button that's inside another symbol that's on the stage?
var current = sym.getVariable("current");
if (current != "") {
sym.getSymbol(current).play("OUT");
sym.getSymbol("mc-something").play("IN");
sym.setVariable("current", "mc-something");

sorry, i was kind of confused myself too, don't worry about it but thanks for your patience for reading it anyway

How can I change the color of a object inside a symbol?

Hello!
I'm working on this study and I need to change the color of an object inside a symbol when I click another object.
The object is called "bola", wich is inside the symbol "ponto" and the clicking object are the colored pencils (each pencil should change the color of the symbol's object, giving the impression you'd selecting a different pencil to draw).
I think it's simple to understand what I mean when you see the files.
I already tried this line on click event of the pencils, but it didn't work:
sym.getSymbol("ponto").$("bola").css("color","#123456");
Anyone knows how to make that work?
I would like to improve the experience of drawing as well. I made it with the "mousedown" event. Is that a better way to get a similar effect?
My files
Thanks a lot,
Clayton F.

Ok here is another sample:
http://www.meschrene.puremadnessproductions.net/Samples/HELP/LapisB/Lapis.html
http://www.meschrene.puremadnessproductions.net/Samples/HELP/LapisB/Lapis.zip
You need to create a var that changes the css background color..
Hopefully you can understand what I did...
The text I left showing so that you could see it change...
I updated the files and all colors should work now.
Message was edited by: ♥Schrene

Insert JQuery .html into text field nested inside of symbol

This is one of those, 'it should be so simple....so of course, it's not' question.
Got a nested symbol. Rather simple one. Inside the symbol is a background rectangle and a text field. When I click a button, it should insert the HTML I give it from the click event.
Now initially I did this by just using the text field by itself. No nesting. This is the code:
sym.$("copy").html("Edge Rocks!");
OK, success! The text loaded just fine.
Now let's insert that text field inside of a symbol. And let's call that symbol 'content'.
Now I try....
sym.$("content").$("copy").html("Some new text");
Result? Nothing.
Tried using stage instead of sym and even added a var stage = sym.getComposition().getStage() statement before that. Nope.
Yea, they don't make it easy. So what's the solution?
Here's my example file.
https://www.dropbox.com/s/5n1ehhsp7r3rbt6/text.zip?m
BTW, ran this in Firebug's console. No errors.

Yes and no, Elaine. Kind of confusing but if the button is directly on the stage, that code works. However, if that button gets nested inside of its own symbol, the code no longer works and a JS error appears in console.
So in other words, the button and the text field are nested inside of symbols, but not the same symbol. So it's a question of the path being used.
I tried switching sym to Stage to no effect.
Redid the test file and uploaded it to Dropbox:
https://www.dropbox.com/s/ha24ki0wp0fb2nw/text2.zip?m

Calling a function inside a symbol?

Hi there,
I'm one of those flash-devs that are trying to get Edge Animate to do what I usually do in Flash, so I might be doing this the wrong way, but I've got a symbol with a function "inside" on my stage, and I wanna call that function from the stage.
I've been trying to use sym.getComposition().getStage().getSymbol("symbolName").functionName(); but it doesn't work.
I don't have any problems manipulating the symbol itself by calling .play() or .hide() so I know the path works....can anyone show me the right syntax to call a function inside a symbol?
Thx in advance

Hi Abnesher,
An important principle to grasp is that symbols (and the stage is one of them) lies in parallel, despite the fact of instances of different symbols being nested one in another (and all in fine nested in the stage).
The consequence is that from inside your nested symbol you have no direct visibility of the function defined inside the stage symbol !
Inside the Stage symbol, in the document.compositionReady event handler :
sym.yourGlobalFunction = function( firstParameter)
// your stuff
Inside another symbol, in one of its events handlers :
sym.getComposition().getStage().yourGlobalFunction( 5);
Gil

Get the ID of a dynamically created symbol from library, INSIDE another symbol.

Hi everyone,
I'm trying to get the id from a dynamic created symbol from library.
When dynamically creating the symbol directly on the stage (or composition level), there's no problem.
But I just can't get it to work when creating the symbol inside another symbol.
Below some examples using both "getChildSymbols()" and "aSymbolInstances"
// USING "getChildSymbols()" /////////////////////////////////////////////////////////////////////////
// ON THE STAGE
var m_item = sym.createChildSymbol("m_item","Stage");
var symbolChildren = sym.getChildSymbols();
console.log(symbolChildren[0].getSymbolElement().attr('id')); // ok eid_1391853893203
// INSIDE ANOTHER SYMBOL
var m_item = sym.createChildSymbol("m_item", sym.getSymbol("holder").getSymbolElement());
var symbolChildren = sym.getSymbol("holder").getChildSymbols(); // Am i using this wrong maybe?
console.log(symbolChildren.length) // returns 0 so can't get no ID either
// USING "aSymbolInstances"" //////////////////////////////////////////////////////////////////////////
// ON THE STAGE
var m_item = sym.createChildSymbol("m_item","Stage");
console.log(sym.aSymbolInstances[0]); // ok (i guess) x.fn.x.init[1] 0: div#eid_1391854141436
// INSIDE ANOTHER SYMBOL
var m_item = sym.createChildSymbol("m_item", sym.getSymbol("holder").getSymbolElement());
console.log(sym.getSymbol("holder").aSymbolInstances[0]); // Javascript error in event handler! Event Type = element
In this post http://forums.adobe.com/message/5691824 is written: "mySym.aSymbolInstances will give you an array with all "names" when you create symbols"
Could it be this only works on the stage/ composition level only and not inside a symbol?
The following methods to achieve the same are indeed possible, but i simply DON'T want to use them in this case:
1) Storing a reference of the created symbol in an array and call it later by index.
2) Giving the items an ID manually on creation and use document.getElementById() afterwards.
I can't believe this isn't possible. I am probably missing something here.
Forgive me I am a newbie using Adobe Edge!
I really hope someone can help me out here.
Anyway, thnx in advance people!
Kind Regards,
Lester.

Hi,
Thanks for the quick response!
True this is also a possibility. But this method is almost the same of "Giving the items an ID manually on creation and use document.getElementById() afterwards".
In this way (correct me if i'm wrong) you have to give it an unique ID yourself. In a (very) big project this isn't the most practical way.
Although I know it is possible.
Now when Edge creates a symbol dynamically on the Stage (or composition level) or inside another symbol it always gives the symbol an ID like "eid_1391853893203".
I want to reuse this (unique) ID given by Edge after creation.
If created on the stage directly you can get this ID very easy. Like this;
var m_item = sym.createChildSymbol("m_item","Stage");
var symbolChildren = sym.getChildSymbols();
console.log(symbolChildren[0].getSymbolElement().attr('id')); // ok eid_1391853893203
I want to do exactly the same when created INSIDE another symbol.
var m_item = sym.createChildSymbol("m_item", sym.getSymbol("holder").getSymbolElement());
Now how can I accomplish this? How can I get the Id of a dynamically created symbol INSIDE another symbol instead of created directly on the stage?
This is what i'm after.
Thnx in advance!

Target a textfield inside a symbol?

I have a symbol called Rectangle and a text field called Counter on the stage. Inside the symbol I have another textfield called Counter2. For the .click event of the symbol I have:
sym.setVariable("checker", "1");
sym.$("Counter").html(sym.getVariable("checker"));
sym.setVariable("checker", "0");
sym.$("Counter2").html(sym.getVariable("checker")); //error here?
But I noticed that only Counter is being changed and that Counter2 was not targeted. How do I target Counter2 without having to move it to the main timeline?

Hi there,
Try this for the second textfield (assuming "Counter2" is nested in "Counter"):
sym.setVariable("checker", "0");
sym.getSymbol("Counter").$("Counter2").html(sym.getVariable("checker"));

Linked symbols inside a symbol.

Working with multi-art board documents we need a way to use externally linked symbols inside a symbol in the document. Example: A Button.ai file is used in multiple documents (imaging large project with 100s of pages). The lined button symbol can't be used (Or any linked file) within a symbol. This is a very annoying limitation that requires manually update a button symbol kept in 10th of files.

Hitting "edit" is not a big deal. The grid is a big deal. If you need to adjust the size based on the grid then... you need create the same grid in the linked file and position the artwork precisely. If later on you want to adjust the grid you need to do it manually in all your linked file. Complex, is it not?
Also to be able to preview a change one need to hit save and get back to the original file...
Again all that isn't a big deal for a simple file when you need to adjust a linked image. If we talk about pixel perfect UI design - forget it.

Activate a button inside a symbol

First let me just say that edge is great tool, and makes our life much easier.
well.. i'm trying to get familiar with the program and I run into some obstacles.
on the stage i have a symbol, inside that symbol i have a button, which i need it to run an animation on the timeline inside that same symbol.
i used- sym.play("label name on timeline"); --- not working
i have noticed another problem, when i change the cursor it also dosen't appear when i export (CTRL+ENTER).
i tried to activate the symbol on the main timeline of the stage but it didnt solved the problem either.

YES.
Button is in mySymbol
you need to get back to the stage:
sym.getComposition().getStage().
you need to get the symbol
getSymbol("mySymbol")
you need to get the button:
$('btn')
sym.getComposition().getStage().getSymbol("mySymbol").$('btn').click(function(){
// you code here
sym.getSymbol("mySymbol").play('symbolLabel');
Here is a sample file:
https://www.box.com/s/lu9o0w0oqtex3fodti4x

Is it possible to convert characters to movieclip symbols?

I want to do something like when ppl type in some texts, the
program will convert every character of the text to a movieclip
symbol, so I can animate individual characters. Is there a way to
do something like that?
Thx in advance~

yes, you can create (in the authoring or with a.s.) a
movieclip that contains a textfield and you can assign a linkage id
to the textfield.
you can then use the flash string methods to assign each
letter to its own movieclip/textfield (that you created in the
first paragraph) using attachMovie(). position your letters and
animate or animate the movieclip in the first paragraph in the
authoring environment by putting that movieclip into a timeline and
use a frame based animation. remove the linkage id on the
non-animated movieclip with a textfield and assign a linkage id to
the animated movieclip (that contains your movieclip that contains
your textfield).

Layers inside of Symbols

I'm watching a flash tutorial from cartoon solutions on lip
synching. In the timeline there are three layers- the head, body
and sound- and when the presenter clicks on the head graphic symbol
it opens a different contingent of layers with the component of the
head(nose, mouth, etc.). This is something that I'm trying to
duplicate but can't figure out how. I'm using FlashMX and don't
know if that was a feature added later. There don't appear to be
any folder icons in the timeline, either.

and to add to jesse's (thanks), instance names only if
using/nesting movie clips - i work with
Graphic symbols as much, if not more than MCs. Just in case
bippity is not using MCs - since he is
following along with a cartoonsmart tutorial, most likely
they are graphics symbols.
Chris Georgenes
Animator
http://www.mudbubble.com
http://www.keyframer.com
Adobe Community Expert
*\^^/*
(OO)
<---->
jesse harding wrote:
> Chris is exactly right. Just to add to what he said;
Make sure to give
> instance names to all your nested symbols (at least any
you might want
> to control like the eyes and mouth). That way you can
control them from
> the root timeline or even from inside other symbols.
>
> Jesse H.
> Adobe Community Expert
> My site:
http://www.jharding.com
> Free Blog Radio:
http://www.tornadostream.com
>
>> it's a feature in all versions and it is called
"nesting" - you can
>> simply place symbols inside symbols. each symbol can
have any number
>> of layers and frames.
>>
>> Chris Georgenes
>> Animator
>>
http://www.mudbubble.com
>>
http://www.keyframer.com
>> Adobe Community Expert
>> *\^^/*
>> (OO)
>> <---->
>> bippity wrote:
>>
>>> I'm watching a flash tutorial from cartoon
solutions on lip
>>> synching. In the timeline there are three
layers- the head, body and
>>> sound- and when the presenter clicks on the head
graphic symbol it
>>> opens a different contingent of layers with the
component of the
>>> head(nose, mouth, etc.). This is something that
I'm trying to
>>> duplicate but can't figure out how. I'm using
FlashMX and don't know
>>> if that was a feature added later.
>>>
>
>

Revert 'invalid' not working for draggable inside a symbol

I have a system set up where several items can be dragged but only certain ones ("hairy") can drop into a location.
like this:
sym.$('creatureD').draggable({opacity:.5, revert:'invalid', scope:"hairy"});
sym.$('creatureA').draggable({opacity:.5, revert:'invalid'});
It works great on the main stage but for organizational regions I wanted to move this section of the activity into its own symbol. Now that this is inside a symbol, when the items are dragged they don't bounce back to their original locations - they are off a little bit with each mouse drag and drop. I'm not sure how to set or get the "revert" function to recognize the coordinate system inside the symbol.
Any help would be appreciated. Thanks.

So I resolved this problem and want to post about it in case other people encounter this issue. I discovered the actual issue by moving all the symbols back onto the main stage and setting up the drags there as before. There I discovered the same behavior was occuring even without being in a nested symbol.
It actually had nothing to do with having the draggables inside a symbol. For this version of the project I had scaled the symbols being dragged to 80% using Transform in the Edge program itself, thinking nothing of it. (I had wanted to scale them back to 100% when the activity continued so set it up this way on purpose) Anyway, having the elements scaled caused problems with revert in the draggable function. Once I exported new elements with the scaling applied before using in Edge, the problem was resolved.
TL;DR: Revert for a draggable won't work properly with an element that has been transformed (scaled) within Edge. Scale it prior to using in Edge.

SimpleButton inside MovieClip Symbol

Similar Messages

Maybe you are looking for