Target a child Symbol whith TweenMax

Hello everybody,
I need help. I placed a symbol on the stage:
sym.stop();
var eins = sym.createChildSymbol("eins", "Stage");
eins.getSymbolElement().css({
          'position': 'absolute',
          'left': 100,
          'top': 0
Now I want to move this symbol with tweenMax with a button
If I place the symbol directly on the stage from the library and
put the following code on the button:
TweenMax.to(sym.$("eins"),2,{css:{y:120, scale:1, opacity: 1}, delay:0, ease:Expo.easeOut});
everything is fine, except ChildSymbol does not move.
But this is what I want, to move a placed ChildSymbol on the stage.
I know it is a beginner question, but I dont know how to target a var whit TweenMax
Maybe someone could help.
THX
Oll

Hello and thank you for your answer but I am afraid I cant get it run. I posted a small zip file for better understanding,
maybe you could have a look at it:
http://go-motion.net//upload/examples/04/test.zip
Thank you in advance
Oll

Similar Messages

Get and hide all child symbols

I'd like to target all child symbol instances of my mT symbol and hide them.
Something like this (except this doesn't work):
childsymbols_d1 = sym.getSymbol("holder").getSymbol("d1").getSymbol("mT").getChildSymbols();
for(var i=0; i<childsymbols_d1.length; i++){
childsymbols_d1[i].hide();
I don't want to use the timeline because I have a lot of child symbols, and would like to do this operation on several other symbols.

i tried this and it works.
I grouped the symbols in mT into a div called rect.
sym.getSymbol("holder").getSymbol("d1").getSymbol("mT").$('rect').children().hide();

Unable to get realtime position of animated child symbol's div from parent node (Stage)

hi,
for a data viz project, i've created an animated child symbol which changes its position on realtime basis. however, for some calculation purposes, i'm not able to keep track of the realtime position of the div through stage as it is only showing me fixed value (starting position of the child div).... can anyone help? or is there a way to make global variable which can store position value in child symbol and i can access those values on the main stage???

Try these in compositionReady. Adapt the scope of your element.
var symTop = sym.$('Rectangle').css('top');
var symLeft = sym.$('Rectangle').css('left');
Then use the variable value where needed.
or
var position = sym.$("Rectangle").position();
console.log( "x or left: " + position.left + ", y or top: " + position.top );
var x = sym.$("Rectangle").position().left;
var y = sym.$("Rectangle").position().top;
console.log("x=",x,"y=",y);
var coord = sym.$("Rectangle").position();
sym.$("test_Text").html("x:" + coord.left + "<br>y:" + coord.top);

How to Position of a dynamically created child symbol.

Hello Everyone,
I created symbols instances on the stage by
for(alpha = 0; alpha < 5; alpha++)
    sym.createChildSymbol("rect", "Stage");
Now I wanted to set the position of each symbol - The probelm is I don't know the names of the symbols instances that has been created. so I tried the following
childSymbols = sym.getChildSymbols();
for(k = 0; k < 5; k++)
    childSymbols[k].css({"position":"relative","left":k*50});
it did not position the child symbols where i need it to be..
HOWEVER, when I tried to apply css to an element inside the symbol it worked.
for(k = 0; k < 5; k++)
    childSymbols[k].$("Rectangle2").css({"position":"relative","left":k*50});
Please can anyone help..

y = 0;
x = 30;
$.getJSON('slides.json', function(data){
                 for(alpha = 0; alpha < 5; alpha++){
                     var s = sym.createChildSymbol("rect", "Stage");
                     s.getSymbolElement().css({
                                      "top": x+"px",
                                      "position":"absolute",
                                      "right": y*315+20+"px"
                    x+=100;
                  // y+=100;
                          }//for

TweenMax a Child symbol

Hello everybody,
this is my last try, then I will return to a brave tweening Designer.
I asked a few times ago, but unforunately no solution at the end:
I placed a symol on stage with a trigger at the first frame:
sym.stop();
var eins = sym.createChildSymbol("eins", "Stage");
eins.getSymbolElement().css({
          'position': 'absolute',
          'left': 100,
          'top': 0
Now I know (thank you BigMucho) that I can move the symbol with te following code:
var eins = sym.createChildSymbol("eins", "Stage");
var moveEins = eins.getSymbolElement();
TweenMax.set(moveEins, {position:'absolute', left:100, top:0});
TweenMax.to(moveEins, 2, {y:120, scale:1, opacity:1, delay:0, ease:Expo.easeOut});
Whith this code I placed the symbol from the library and move it in one step.
But I want to move the symbol (eins) which is already placed on the stage (with a trigger),
whith a button afterwards.
For better anderstanding:
http://go-motion.net//upload/examples/04/test.zip
Maybe there is someone, who can imagine what I want.
Greetings form germany
Oliver

Hi, Oliver-
Here's your project that has animations done using jQuery animate(). I know this isn't quite what you're looking for, but your TweenMax library isn't loaded in your project. For more information on how to get this included, check out this forum post:
http://forums.adobe.com/message/5092621#5092621
If you're dynamically loading your symbol element, you're going to need to save the reference somewhere and then refer to it later. You can at least see what I did using your project files here:
https://creative.adobe.com/share/edac5fb5-7f14-448c-9f3f-b13fbc774ad5
As you can see, what I did was to save a variable with the symbol instance reference, and then when I wanted to use it later, loaded the variable into the current scope, then grabbed the DOM by using getSymbolElement().
Hopefully this points you in the right direction.
Thanks,
-Elaine

Delete child symbol from stage

Hi All,
I need help deleting a symbol from the stage. I have a list of symbols that are called to the stage at some point in a simulation. When the user leaves one symbol, it is supposed to delete itself and call up another (specific) symol. For example. I called the symbol “AR-HistAims” to the stage using
var mySymbolObject = sym.createChildSymbol("AR-HistAims", "Stage");
            mySymbolObject.getSymbolElement().css({'position':'absolute','left': (mouseX - offset.left)/sx , 'top': (mouseY - offset.top)/sy});
            mySymbolObject.play();
This works fine. I place an invisible button in the symbols timeline and when it is clicked I want it to do two things.
call up “AR-percPass” (using the same code as above with a percPass in place of HistAims)
remove “AR-HistAims” from the stage.
I can’t seem to get #2 to work. I’ve tried codes below and above the code for #1. When placed above, it deletes the current symbol, but doesn’t call up the new one. When placed below, the new symbol appears on top of the old one. The codes I've used are:
            var childSymbols=sym.getComposition().getSymbols("AR-HistAims");
            for(var i=0; i<childSymbols.length; i++)
            childSymbols[i].deleteSymbol();
//and
            var mySymbolObject = sym.getParentSymbol().getSymbol("mySymbol").getVariable("AR-HistAims");
            stage.deleteSymbol();
//and
sym.getParentSymbol().deleteSymbol();
Any advice would be appreciated.
Thanks
Randy

Hi Randy,
There are a few corrections you need to make in index_edgeAction.js file like as follows:
1. In click handler, you don't have access to mouseX, offset, sx, sy etc.
     mySymbolObject.getSymbolElement().css({'position':'absolute','left': (mouseX - offset.left)/sx , 'top': (mouseY - offset.top)/sy});
     So, make it like this:
     mySymbolObject.getSymbolElement().css({'position':'absolute','left': 0 , 'top': 0});
     Make these kind of changes for every click handler where you have used mouseX, offset, sx, sy etc, with appropriate left and top values.
2. Just search for sym.getSymbolElement().deleteSymbol(); and replace it with sym.deleteSymbol();
3. Comment out line#1366 having statement sym.deleteSymbol ();
4. Search for sym.getSymbol(home).deleteSymbol(); and replace all such occurences with sym.getSymbol("home").deleteSymbol();
With the above changes, things will work.
hth,
Vivekuma

Is it possible to make a contact form in child symbol?

i want to use php - mysql based or pop3 contact form in symbol. you can see my sites navigation from: www.ugurcit.com.tr.
is it possible, how can i use it in the symbols?

pixlor wrote:
Wow, Nadia! That's a really useful link! Thanks!
You're welcome... coming from the Dreamweaver forum where I 'live' mostly, I do have a heap of links that I've been providing over there for years :-)
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

Remove a Dynamically Added Child Symbol

I am trying to check if a symbol exists, and if it does remove it. Otherwise, add it. Since this is being added to a bettun, the goal is that an object shows up when you click and goes away when you click again.
My current code is below. Help?!
var chatPanel = sym.getSymbol("chat_wrap").getChildSymbols;
if (chatPanel.length > 0) {
chatPanel[0].deleteSymbol();
else {
    // handle the error however you want here, or fail silently
    sym.createChildSymbol("chat_panel", "chat_wrap");
    console.log("symbol added")

Hi Phil and thanks for your answer.
I have got my own cellrenderer but i do handle selected nodes different..
Here the code in the paint method of my treecellrenderer:
public void paint(Graphics g)
     super.paint( g );
     Icon currentIcon = getIcon();
     TreeModelNode node = getCurrentUserObject();
     //Set color for node, selected or not.
     if(selected)
          g.setColor( new Color(0,0,132) );
          setForeground( Color.white );
     else
          g.setColor( getParent().getBackground() );
     //Get textarea to paint.
     if( currentIcon != null && getText() != null )
          int offset = ( currentIcon.getIconWidth() + getIconTextGap() );
          g.fillRect( offset, 0, getWidth() - offset +1 ,getHeight()-1 );
     else
          g.fillRect( 0, 0, getWidth() +1, getHeight()-1 );
}

Append Child symbols from XML and more

Hello,
I am trying to dynamically create set of symbols and change their contents from an XML
I've managed to get the XML part and creating the Div dynamically.
What I didn't got is how to apply data from XML to inner symbol divs
such as <name>something</name> from the XML to text div in EDGE
is there a way to control/access the newly created Symbols?
Attaching the project so far.
http://www.elijahu.net/download/append.zip
Thanks for your Help.
Elijahu.

==> Positioning a Dynamically Created Symbol
Well,
To change the entire instance, you use: .getSymbolElement().css(...)
To change an instance element, you use: .$("elementName").css(...)
$(xml).find('listing').each( function(){
                var itemRenderer = sym.createChildSymbol("itemRenderer", "xmlContainer");
                itemRenderer.getSymbolElement().css("display": "inline-block");
                itemRenderer.$('name').html($(this).find('name').text());
                itemRenderer.$('textBox').html($(this).find('text').text()).css("color","white");

Child predator targeting my child

I checked my daughters acct. today and found out that a 22 yr old man from Estonia bullied my 11 yr old daughter into performing disgusting things. My husband and I are very upset. I have his user name is there anything we can do?

Hi, mayasmomma, and welcome to the Community,
Please see here: https://support.skype.com/en/faq/FA34447/what-should-i-do-if-i-see-abusive-behavior-on-skype
Please also ensure your child's privacy settings appear as "contacts only." This will not stop random contact invitations or requests, however it will stop uninvited calls and instant messages. If your child has other social media accounts, please check that those privacy settings are also adjusted to limit contact to immediate friends only.
Report this incident to your local law enforcement agency even if the agency does not provide a specific cyber-crime unit.
From my perspective as a mom, I would also seek a qualified family and child counselor who can help your child deal with these events and heal.
Regards,
Elaine
Was your question answered? Please click on the Accept as a Solution link so everyone can quickly find what works! Like a post or want to say, "Thank You" - ?? Click on the Kudos button!
Trustworthy information: Brian Krebs: 3 Basic Rules for Online Safety and Consumer Reports: Guide to Internet Security Online Safety Tip: Change your passwords often!

Targeting symbol with on off labels not working

Hi,
I am trying to have this gray button on the right turn the "What is NeoGraft" symbol to white when moused over, and show hide some content.
Content show hide is working, but the nested symbol q1_off with the on and off labels isn't working. I think my code is certainly targeted wrong.
This is the code applied to my ugly gray button:
sym.$("q1_off").stop("off");
What am I missing to target the q1_off symbol and tell it to go to the frame I want?
Here's a link to where I'm at. http://newhairutah.com/edge/res_faqs_01.html
thanks,

Hey,
Is there a protective case or film on the iPhone? If there is try testing without it.
Then try the general tips in this article: http://support.apple.com/kb/HT1650#faq22
If the issue persists, the iPhone may need hardware repair. Make a reservation to have a Genius at a local Apple retail store take a look at it or call AppleCare.
http://www.apple.com/retail/geniusbar/
U.S. iPhone technical support: 1-800-MY-IPHONE (1-800-694-7466)
-Jason

What is the best way to delete dynamically-generated symbols from another symbol?

in the onClick handler for 1 symbol, I have:
var sandwhichQty1 = sym.createChildSymbol("sandQty1", "Stage");
another symbol inside sandQty1 has the onClick method:
this.deleteSymbol();
which works fine, deleting sandQty1. I'd like to delete it, and others, from another button, in the circumstance where users don't close them this way.
I notice that id and class are dynamically assigned to the child symbol, which makes it hard for me.
any ideas?

Hi, I did it in this way, and functions well; maybe this is not the best way, but worked for me. Obviously this code is based on the elainafineell's correct solution.
This is my scenario:
In a Trigger @ xxxxms there is that:
var i = 1;
$.each(results, function(index, element)
     var s = sym.createChildSymbol("mySymbol", "someContainer");
     // some code here
     // Creating the variable that save my new instance of mySymbol
     sym.setVariable("var_id"+i, s);
     i++;
// a global var, take care with the name
numOfInstances = i;
Then, in a click action of some button, symbol, anything that support an action, I code this:
sym.eraseSymInstance();
And, in the creationComplete, I code the function like this:
sym.eraseSymInstance = function()
          for(var i = 1; i <= numOfInstances; i++)
                         var s = sym.getVariable("var_id"+i);
                         s.deleteSymbol();
For me function well.
I hope this can be usefull for somebody else.

Symbol does not clone properly

I clone a symbol (button) and change its rollover color, but the other symbols (from wich this one was cloned) get updated... I need the new symbol to have unique rollover.
This is Firesworks CS3
Thanx!.

As Jim suggested, symbols work on the principal of Master-Child relationship. Any changes to the master object will broadcast the changes made to all the child symbols in the document.
Clone places a copy of the object in place. Duplicate also does a copy n paste operation with the object moving 10 px in each direction.

Iframe on a symbol created dynamically

Hello,
-I have a button that creates a symbol dynamically. That is OK
-then I move this symbol with TweenMax. That is Ok, I tested it.
-and finally I want to load into this symbol an external URL. That doesn't work.
The problem is, I think, I don"t know how to address this dynamically created symbol.
This is my code :
var externalURL ="portfolio/FFD.html";
var mywrapper = $(sym.createChildSymbol("wrapper","Stage").getSymbolElement());
var wrapperMove = TweenMax.to(mywrapper,2, {css:{top:"2500", left:"0"},ease:Sine.easeOut} );
sym.$("mywrapper").html("<iframe src="+externalURL+" height=100% width=100%></iframe>");
Thanks for any help

Hi,
I will try this code:
var externalURL ="portfolio/FFD.html";
var mywrapper = sym.createChildSymbol("wrapper","Stage");
var wrapperMove = TweenMax.to(mywrapper.getSymbolElement(),2, {css:{top:"2500", left:"0"},ease:Sine.easeOut} );
sym.$("mywrapper").html( '<iframe src='+ externalURL +' height="99%" width="99%"></iframe>' );

Help, please! to stop animation of one symbol from anover or stage

I'm not a great specialist in jquery, but I've had to deal with it. And have some expirience... But i can't do an elementary thing in edge animate, i guess. So, help me please!))
I need to stop some child symbols from the timeline of parent symbol(or Stage). On the timeline of stage, i have trigger. At this moment all the child clips have to stop as one...
I try to insert into trigger this code:
(child clips names: 'stan', 'bizan', 'bak')
var stantostop = sym.$("stan");
stantostop.stop();
var bizantostop = sym.$("bizan");
stantostop.stop();
var baktostop = sym.$("bak");
stantostop.stop();
and I'm sure, I'm doing something wrong(!!!), cause nothing changes.
If you cant help, please advice me some source with a lot of examples of typical operations and commands like this! So thank you for reading!

Thank you very much for your answer. I,ve started three topics before i,ve got an answer!)
But I think I have some different problem
It is in the organization of my clips:
Stage->Ship_going->Ship_swinging->stan
Stage->Ship_going->Ship_swinging->bizan
Stage->Ship_going->Ship_swinging->bak
Stan(and overs) are the clips wich are looped, and thats why, I think they can,t stop.
(They are the flags of ship. And the problem is in that fact that when ship stop i want to stop all animation including the loop animation of flags, then I want to deleete all clips, but I cant delete this clips in the same way Icant stop them)
I can show the example of my clip for you(itis rather amusing)))) and i guess you shall understand what i'm talking about)))
Can I send you the zip with clip?
elainefinnell wrote:
Hi, Strashevsky-
You don't need to refer to the jQuery object if all you want to do is stop the timeline. You can simply do this:
sym.getSymbol("stan").stop();
OR
var stantostop = sym.getSymbol("stan");
stantostop.stop();
Hope this helps get you pointed in the right direction!
-Elaine

Target a child Symbol whith TweenMax

Similar Messages

Maybe you are looking for