Edge Animate CC :: Get The Properties Of The Symbol And A Text Field On The Stage?
Dec 15, 2012
'm trying to get the properties of the symbol and a text field on the stage. And I can get the width and the height of them by this script below.
-----------------------------------------------------------
var temp = "";
temp += "Width of the symbol " + sym.getSymbol("mySym").getSymbolElement().width() + "<br />";
temp += "Height of the symbol " + sym.getSymbol("mySym").getSymbolElement().height() + "<br />";[code].....
And now, how can I get position(x,y)?
Are there any web sites that shows the list of the properties?
Because I'd like to know other properties too, like rotation , opaque , show/hide, etc.
I have a logic problem in my code that I need solving,
here's the bit of code which is supposed to set the text, image and link for a symbol used multiple times on the Stage.
var names = ["melz", "brom", "calm", "micj", "mick", "brir", "mato", "brym", "azin", "hugh", "nicl", "bonr", "lisa"]; var name = null; for(var x = 0; x < names.length; x++){ name = names[x]; var initials = (name[0]+""+name[3]).toUpperCase(); var cursymbol = sym.getSymbol(name);
[Code]...
The text and image code work, however my problem is with setting the link. It always sets all the symbols to the last name in the names[] array. What I want it to do is to set the link to the personalised name in the array. So the HH button will link to hugh.html and the BM button will link to brym.html etc.
For now I'm going to play around a bit and see what happens.
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.
I'm working on a project in Edge Animate, however I have about zero experience with JavaScript and I can't seem to get this working without it.
Below you see the code. It's part of a Symbol situated on the Stage. What I need it to do is to play from a Label ('subFontsTitels') situated on the Stage-level. I've tried a lot of posibilities but with no (satisfying) results.
Part of the code:
Symbol.bindElementAction(compId, symbolName, "${_Button}", "click", function(sym, e) { // play the timeline from the given position (ms or label) sym.getComposition().getStage().sym.play('subFontsTitels'); // insert code for mouse click here }); //Edge binding end
I have a symbol on the stage: symbol1.Inside symbol1 I have an image: symbol1_image1...I have another symbol on the stage: symbol2 Inside symbol2 I have an image: symbol2_image2
in composition.ready I have an action on the mouseout for symbol1:
var theTarget = sym.getComposition().getStage().getSymbol('symbol2').$('symbol2_image2'); sym.getComposition().getStage().doMouseoutGS(theTarget);
In composition.ready i have the following function defined
sym.doMouseout = function (colorTile){ sym.$(colorTile.show()); }
I cannot get this to work and I am not understanding why.If I do an alert on the mouseout function for alert($(colorTile).attr("id")); I get the correct referenc to the element I want to show but it does not actually happen
2. On a click event, an larger image of the region is loaded with the following code. On mouseover the name of the county appears and on click a popup (symbol) shows some info.
3. In the popup symbol, I want the large image map to be remove on the click event of the button: "View another region" . I have the following code which does not work (the image is not removed) resulting in what you see below:
In trying to learn Edge, is there a way to return playback (play from) once an animation is complete within a symbol?
For instance, I have the main timeline that shows a symbol animation on creationcomplete, but when the animation is finished in the symbol and I hide the symbol, the main timeline is no longer playing. What would I need to do to return playback control to resume playback of the main timeline? I have a label I would like to play from on the main timeline, but I have not found a way to call the main timeline from within the symbol.
If I have a symbol with its own timeline, I am familiar with targeting it with otehr elements and symbols and activating that timeline. But the symbol will also have a presence on the stage timeline - how does one play that?
I might be overcomplicating it, I thought it might just be play() on the main stage but that doesn't appear to work, neither does getStage.play() so I am doing something wrong somewhere
I have built a product walk through demo using edge animate, in this demo i have set stage to percentage but when i see my demo in ipad, the text remain its original size .
So I created my own subscription form, I have it appear and disapear when you are on the button. And when you click on it, it stays. But how can a put in an action to add text to it?
I'm new to the Edge Animate and I have been working on a project that requires text input. The code does not 'recognise' the value entered into the input field. The action is quite straight forward, Correct Answer (360) play label 02, Wrong Answer play label 03. Ideally I would like allow three attempts.
We need to put a text field (email address) and be able to read the contents. I already have the code to send the email, I just need to get the value the user puts in as well as allow the user to enter data.
I have done the lesson 5 in Adobe Edge Animate Classroom in a Book and everything went well up to a point. When I edit the text for the drop down moreinfo symbol it changes the text for all of the slides. How do I make the text individual to each slide?
I need to insert multiple Edge Animate in the same webpage, but it’s impossibile change the id… always “Stage” and same name create problem with W3C validation.
I'm working on a small banner type ad for someone. The ad has the word "FREE" that turns on and off about every 1/8 second using opacity and placing the elements in different places on the stage - works fine.
However, is it possible to take one element (the "free" text) and have it randomly run at different places on the stage (jQuery I suppose)? My only reason for this is to learn something new and clean up the stage that currently has 30 elements, all duplicates!
Is there a way to "eval" or dynamically set a symbol name that has been parsed from XML to build a symbol path? For example, I'm trying to dynamically set a variable to the path of a sysmbol already on the stage, but it's not working correctly:
var xmlSymName = $('symName', this).text(); // where symName = "sym4" from a parsed XML node var whatPOI = sym.getComposition().getStage().getSymbol("sym1").getSymbol("sym2").getSymbol("sym3").getSymbol(xmlSymName).getSymbolElement();
Basically I have a lot of points on a map and I'd like to be able to name the points along with other data like tooltip callouts, etc populated via XML then loop through the XML to build the points of interest on the map. If I can get the above working I can place that variable path reference into an array and grab the data from it later. But the path is not working the way I have it.
The scenario is this, I have a symbol(TitlePage) on my main timeline. Inside the symbol(TitlePage) there is a play button. How can i set a click event on this symbol that access the main timeline(stage) labels?
Im trying to build a long scrolling page and i need more than a 10000 px stage but edge only allows me a 10000px max height. How can i create a longer page and are their performance issues with a stage that size?
play "SYMBOL_2" - "DIV_ANIMATION_1" - "ANIMATION_1_START" from within "SYMBOL1" - "DIV_PLAY" with the mouseup command
URL....I know that i can sym.getComposition().getStage().getSymbol("div_animation_1").play(); from within "div_play" but how do i access a point on the timeline and play from there...
I created a photo at the bigging of the timeline to be scaled at 0,0. As it goes down I want it to 100%, and when it reaches the bottom of my stage area I to just have the photo just disapear.
When I tried this with scale x,y it slowing shrinks as it goes down. I don't want it to slowly shrink as it goes down. I just want it to just disapear when it reaches the botton.
