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"));

Similar Messages

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 button inside of a Movie Clip

I am trying to target a button inside a dynamically loaded
movieclip, such as the following (but is not working):
clipAnswerYesNo: Movieclip
testbutton: embeded button
Script is on main timeline.
_root.clipAnswerYesNo.testbutton.onRelease = function() {
trace(userAnswer);
D

ensure both the movieClip and the button have instance names.
also, maybe change your trace to:
trace("hit button"+userAnswer);
it is possible that the trace and therefore the button is
working, it's just the path to userAnswer is incorrect...

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.

Why can access the dynamic textField inside a Button?

yep, I have another problem
I create a button in the library, it has a background graphic
on a layer and a textField, the textField has a instance name
defined in the properties panels and some text. I manually place
some instance of the button on stage, I give them different
instance names and voilà a new problem arise
when with actionscript I try to assign a new text to the
textField inside a button it throws me error 1119. A quick look at
the menu option debug ->list objects, shows me that the instance
name of the textField inside the button it is not what I defined
but it was replaced with some random name like "instance66"
I did a test with a movieclip instead of a button and I can
correctly access my textField with the instance name that I
manually defined.
Why that can be the same with the button? And if for some
arcane reason cant be possible to access a manually defined
instance inside a button WHY flash give me the possibility to give
an instance name to a dynamic textField inside a button?

Buttons simply do not have the same properties and methods
that movieclips have. Anytime you want to create a button that has
anything beyond the simple 3 states of activity, use a movieclip.
I can't answer why flash allows you to give an instance name
to the textfield, but in any case, it won't allow you to use
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

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.

Button inside a symbols

Hello
I have a button inside a symbol and I would when you click to play this symbol.
The symbol is "Anim_Perso".
https://creative.adobe.com/file/47b82617-3124-4eab-9482-ac94b30674c4
https://creative.adobe.com/file/47b82617-3124-4eab-9482-ac94b30674c4
Thank you
Stephane

Hi there.
Inside your symbol, uncheck Autoplay and, on the button's actions panel, select click and add this line of code:
sym.getComposition().getStage().getSymbol("Anim_Perso").play();
pmfr

Putting an iframe in a div thats inside a symbol?

I am trying to load an iframe into a div thats inside a symbol. I dont think im getting the path correct?
var externalUrl = "login.html";
sym.getComposition().getStage().getSymbol("Navigation").$("navWrapper").html("<iframe src='"+externalUrl+"' height=230px width=430px scrolling=no frameBorder=0 allowtransparency=true margin=0 padding=0></iframe>");
So the symbol is the ("Navigation") and the div im trying to load a iframe into the div inside that symbol named ("navWrapper")
Dont worry im not loading a navigation through iframe :3
Help much appreciated!

Thnx for the reply!
Sorry for any confusion there are no buttons involved. I am simply trying to load a html form into a div by using iframes. The navigation names are just names and not refering to a button or actual menu of any kind. Which is confusing i know.
So i have a symbol named Navigation with animations in it. And inside that symbol with the animations is a div names navWrapper that im trying to load a html file into. But its not working.
I can get it to load fine when the div navWrapper is on the main timeline by using
sym.$("navWrapper").html("<iframe src='"+externalUrl+"' height=230px width=430px scrolling=no frameBorder=0 allowtransparency=true margin=0 padding=0></iframe>");
thats the same as the code posted in my first post but without the sym.getComposition().getStage().getSymbol("Navigation");

Target a textfield inside a symbol?

Similar Messages

Maybe you are looking for