Edge Animate CC :: How To Remove Loaded Image On Stage From Symbol Containing A Button
Jan 14, 2013
1st the setup:
General map is loaded
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.
$('<img id="region1" width="310" height="475" src="images/region1.png" usemap="#region1">'+'<map name="region1">'+...
'<area id="Dallam" shape="rect" title="Dallam" coords="29,17,97,58"/>'+.....
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:
sym.playReverse();
sym.getComposition().getStage().stop(0);
sym.getComposition().getStage().getElementById("region1").remove();
how do I remove the image (large image of the region in purple here loaded as described on 2.)?
View 4 Replies
ADVERTISEMENT
Oct 7, 2013
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.
View 1 Replies
View Related
Apr 25, 2013
Can I call a symbol from the symbol panel and place it on the stage?
View 2 Replies
View Related
Jan 3, 2013
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
View 5 Replies
View Related
Sep 9, 2013
I am surprised at how much of a challenge this has turned into
[URL]
1. Isolated out simple functionality
2. Created a stage called 'test' @ 2600x470pxs (targeting HD monitors to tablet)
3. Set Stage to 100 percentage width
4. Added a simple shape called 'test1' > converted it to a symbol
5. Centered on stage
6. Changed Settings as per below
7. Added this into the creationComplete Code Window:
sym.$("test1").css({
width : '2600px',
margin : '0 auto',
position: 'relative'
});
THE RESULT: it is fine at 2600 viewport but for 1024 it does not center.
[URL]
View 4 Replies
View Related
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.
View 4 Replies
View Related
Jun 24, 2013
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
View 6 Replies
View Related
Jul 17, 2013
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.
View 3 Replies
View Related
Apr 18, 2013
I have two buttons
btnA on the main stage
btnB is nested inside btnA
How do I access a frame lable on the main stage from btnB
View 6 Replies
View Related
Feb 19, 2012
I'm new to Edge, Javascript and HTML5 (coming from Director/Flash/After Effects background) I'm wondering if there's a way to target a nested symbol from a button. I would like to make a simple Pause/Play toggle button that stops a nested symbol is it's playing and plays it if is stopped. In software's I'm familitar with, this can be done with a simple target path and if/else conditional statement, but I can't find any examples that don't seem much more complicated.
View 15 Replies
View Related
Feb 7, 2013
i create a button, when you clik it with this command:
sym.play("myLabel");
you go in the stage timeline to the label called "mylabel" ...all ok
but if i save my button as symbol when i press it, it don't go to the label on the stage called "mylabel"
What i need to write if i whan that my button inside anoter simbol work?
View 2 Replies
View Related
Dec 17, 2012
i created an animation inside symbol.i created a button outside the symbol. the animation only works when the button click?
View 4 Replies
View Related
Jun 13, 2013
modifiy, for example, scale and position of that element calling it from a button
View 1 Replies
View Related
Apr 3, 2014
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
View 2 Replies
View Related
Mar 29, 2013
I'm trying to show captions when the user clicks on a button (captionButton) symbol. All permutations below work for showing the captions but none of them work for showing the button ever again, though it does hide the captions.
// compositionReady script
var captionBar = sym.getSymbol("captionBar");
var captionButton = sym.getSymbol("captionButton")
sym.$("captionButton").css('cursor', 'pointer');
[code]....
View 2 Replies
View Related
Sep 11, 2013
Clicking on any of the 26 letters of the alphabet, I display the 15 logos starting with the first brand whose initial is the clicked letter.
Logos have different dimensions, but I fail recovering them, so that they are displayed stretched or squeezed, retaining the width and height of the first 15 logos put on stage in the Edge source.
Both of the two console.log in the following code produce w= 0 h = 0 :
- just after assigning the src attribute ;
- in the callback function of the load.
$('.letter').on('click', function()
{
// swap the 15 logo images
[Code].....
View 4 Replies
View Related
Jun 21, 2013
I am trying to create a page in Adobe Edge that loads a video without any controls (play, slider bar, volume, full screen) and then displays a replay button after the video finishes which will start it from the beginning.
Currently I am able to load the video file and have it play to the end and stop, but I can't seem to get a replay button working. I also can't find a way to disable controls on the video so they do not show.
Here is the code I am using to load the video:
// insert code to be run when the composition is fully loaded here
$("#Stage").css("margin","auto")
sym.stop();
[Code]....
As you can see, I tried a few ways of disabling the controls, and I also tried adding the replay function to the button itself, but neither of those worked. controlling the video control display and replay function in Adobe Edge would be very useful.
View 2 Replies
View Related
Dec 22, 2012
I want to center an animate stage left and right in the browser window.
View 2 Replies
View Related
Feb 28, 2014
Well, I need a little slideshow of images, the code for mouse events (click, mouseover, mouseout, etc.) is the same for all images, then I create a symbol with one image inside for this, and drag&drop instances to stage, but now I don't know how change the image source of other symbols. In design time, when right click over any symbol instance only edit symbol it's possible (not single instance), and I don't know if is possible to change the image source of any symbol instance by code.
View 4 Replies
View Related
Jan 31, 2014
I have a top banner for a website - the website is fully made in Edge.
The banner is 540px high, and 100% width. (Stage width is also set to 100%)
Now inside this banner, I want a large image to show.
The center of this image should correspond to the center of the banner.
The width of the image should be 100% of the banner. (Hence 100% of the browser window).
The height of the image should remain proportional to the width of the banner, i.e. no distortions. (Was using auto before)
The overflow should be hidden. (So basically the image is always 100% width of the browser window, and the height overflows both both up and down).
Somehow in ver 3 of Edge Animate I can't get all these options to work at the same time - can't use 100% width and auto height for an image anymore.
View 3 Replies
View Related
Mar 28, 2013
I want to divide the stage to 4-5 sections vertically or horizontally and by pressing buttons to navigate/scrolling the stage in these sections.
View 3 Replies
View Related
Apr 27, 2013
I am trying to make a game where when the user presses a button it increments a score on stage.So far I set a text field on stage with name counter:
//set the value of a Symbol variable
sym.setVariable("score", "0");
sym.$("counter").html(sym.getVariable("score"));
How do I code a button to increment this score each time it is clicked?
View 5 Replies
View Related
Jan 27, 2014
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.
How to rename the stage’s id?
View 6 Replies
View Related
Aug 10, 2013
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!
View 1 Replies
View Related
Mar 20, 2013
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.
View 1 Replies
View Related
Apr 10, 2013
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?
View 6 Replies
View Related
Apr 27, 2013
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?
View 4 Replies
View Related
Feb 3, 2013
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 .
how to set text according my stage persentage.
View 7 Replies
View Related
Aug 12, 2013
When I put the text into a dynamic
How to make the stage to increase height
View 6 Replies
View Related
Mar 17, 2014
I have the following
STAGE
SYMBOL_1
DIV_PLAY
MOUSEUP(COMMAND)
DIV_STOP
MOUSEUP (COMMAND)
[Code]...
I would like to do the following:
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...
View 1 Replies
View Related
Oct 28, 2013
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.
View 1 Replies
View Related
