Is there a way to code certain regions of an image for a click event without adding a hit area?I have a map of Texas with each region. Clicking on a region brings this region bigger to the front. Then I want a click event for each county to bring up its name and other data.
View 12 RepliesWhen I try to add a click event on a symbol, I can't access to the symbol, only to the parent. For example, if on the event click on a specific symbol A I add the code
var symbolElement = sym.getSymbolElement();
symbolElement.hide();
It will hide the parent of A, instead of hiding A. How do I access to A?
I have a button on the main stage with a hit event inside of it. This hit area calls frame lables on other symbols (these "other symbols" are also on the main stage, not dynamic) . How do I make the click event of the hit area null if one of these symbols is/are visible? I added another button to set the visibility to false but then I also need the click event to reset itself to it's original state
View 10 Replies View RelatedI want to have a mouseover and -out effect on my navigation bar and on the event click it should stay in the mouseover status. So far the mouseout and the click event affect each other on a wrong way. The example I attached here is done with plain rectangles, but later they will be images.
MyStatusQuo: [URL]
I'd like to delete all symbol instances on a click event, the
sym.getSymbol("SymbolDefinitionName").deleteSymbol();
only works on one symbol, and I've tried combining it with both
sym.getComposition().getSymbols("SymbolDefinitionName");
and
sym.getSymbolElement().children();
I have a button which has a mousover/mousout animation. When i click the button, it will shrink down to 0%. when it does, my mousout event is triggert, which i dont want.
how can i disable the mousout event after the click event?
I'am trying to get a parallax type scroll to work.
I have my browser small enough so scroll bars are displayed. I have set the stage's overflow to "scroll". In the Stage "scroll" action I have the following: console.log("scrolled");
But it never fires when I scroll.
I've added a similar "click" action to a rectangle on the stage and that works.
On the stage I have a button and a hidden symbol. The symbol has an animation within itself.When I click the button, the symbol becomes visible and plays the animation. Its all good so far.I want to be able to click the now visible symbol, the animation within itself plays in reverse and then it hides itself. How do I make it hide itself after the animation plays in reverse?
BUTTON CODE (This works for me):
sym.$("AnimationOne").show();
var AnimOne = sym.getSymbol("AnimationOne");
[code]...
If I add this, it just hides itself without animating in reverse
i have a problem with an animation in Edge Animate. I try to animate a button which spins 45° on mouse over and back on mouse out. So far no problem. Now i want the button to spin 90° when i click on it and let it stay on this position. I made it spin the 90° but it always spins back on mouse out because the event is still there. Is there any possibility to delet the mouse out event or pause it after clicking on the button. I already tried remove it but without any sucess.
View 4 Replies View RelatedThe Elements window in Edge Animate seems to be unstable. When I right-click in the field to modify an asset, Edge often crashes with the resulting error message:
Edge Animate - Exception An error occurred. Please save your work and restart Edge Animate.
It happens quite frequently (~7/10 right-clicks)
My first time using Edge. I exported an html file from Muse & just wanted to animate some buttons on the page sliding in. But when I click on anything thats a button (from Muse) I get the Exception Error message "An error occured. Please save your work and restart Edge Animate"
It seems to happen to anything in the file that has more that one state. Is this something that I cant do in Edge?I've tried restarting. saving as a different file in a different location. uninstalling/re-installing Edge.
Not sure if it matters: The buttons that I'm trying to animate were not automatically created from a Muse Widget. I made the different states in Photoshop & imported as a photoshop button.
I'm having a problem with IF ELSE code use with a mouse click. What I want each time a user "clicks" i want to execute a particular block of code, up to 3 clicks, then nothing. I've tried local and global click counter var but can't seem to get past the first "if". This is what I have now (I'm using console.log() to keep track.
In comp ready i create a global var ...
// insert code to be run when the composition is fully loaded heresym.getComposition().getStage().setVariable('clickcnt', 1); //set counter to 1
var i = sym.getComposition().getStage().getVariable('clickcnt');
console.log ("Counter is starting at "+i);
on the stage i create a "click" event..
// insert code for mouse click herevar i = (sym.getComposition().getStage().getVariable('clickcnt'); if (i=1){ console.log("counter is = "+i); //do some code sym.getComposition().getStage().setVariable('clickcnt', 2); //set counter to 2 } else if (i=2){ console.log("counter is = "+i); //do some code sym.getComposition().getStage().setVariable('clickcnt', 3); //set counter to 3 } else if (i=3){ console.log("counter is = "+i); //do some code sym.getComposition().getStage().setVariable('clickcnt', 4); //set counter to 4 taking it out of range sym.play(100); //play the timeline animation } else { //
I'm using this to negate any further clicks. I'm sure there's a proper way to do this. I just don't know it. sym.stop(1000); console.log("end"); };I When I run this It never gets passed the first if, It's like the "clickcnt" var is not getting updated or read properly.
I have a banner I have been working on with three spinners like a slot machine. Currently I have everything hand animated to rotate the spinners to spin to one of 4 options each. What I would like is to have a button that triggers the spinners to rotate to a random ( 1 of 4 ) points over the course of 1/2 second 500ns.
Is there a code snippit that will make an object rotate to one of 4 chosen variables?
How do I reference `this` when a symbol is clicked? I have a click event on 'alien' on the stage. In the handler, sym appears to be stage and not 'this'.
I want it to play itself (amoung other things) when clicked.
e.target gets me the element, but not the edge symbol so I can play itself.
it's all in the title^^
when i try to preview in browser , it loads like 2 seconds then nothing more happens.
Is this possible to do? The mask is arranged infront of the layer I would like to click on.
View 1 Replies View RelatedIs it possible to create following: pop-up window is appeared on click tha button?
View 3 Replies View RelatedI am creating a slide show and I added a stop and click to play action so it is interactive so the user must click to go to the next slide. The stop is working but the click an day is not when I preview in the browser?
View 4 Replies View RelatedI just can’t get it to work through edge, basically I have a button and I want to be able to click the button which then in turn downloads a file from the site, It’s a PDF file and I have tried the window.open() command but I get funny results once it opens? Basically I just want the button to be clicked and the file to be downloaded to the machine.
View 2 Replies View RelatedI found a really good tutorial here for how to create childsymbols on a mouse click and it works fine - as long as you are doing it on the main stage.
Here is the code:
var circle = sym.createChildSymbol("flower", "Rectangle");
var circleElement = circle.getSymbolElement();
var posX = (e.pageX- ($(circleElement).width()/2)) + "px";
var posY = (e.pageY- ($(circleElement).height()/2)) + "px";
sym.$(circleElement).css({"position":"absolute", "top":posY, "left":posX});
I wanted to create the ChildSymbols on to a premade symbol I have called 'Rectangle'. This works as long as my symbol 'Rectangle' is the same size as the Stage or at least placed at the top left of the screen.
However if I move the symbol 'Rectangle' away from the 0,0 coordinates then the Child symbols appear offset by the distance that 'Rectangle is from the zero point.
How to keep the Child symbols where I want them to be on the Rectangle? I tried calling the childSymbol like this:
var circle = sym.createChildSymbol("flower", "Stage");
And that keeps the symbols where they should be, but for some reason it has a performance lag and also means that you can't click within the bounds of a generated childSymbol.
Everytime i open Adobe Edge Animate, it takes a good minute or too to stop the spinning ball. Then after every mouse click, it spins for another couple of minutes, and so on. I have tried creating the launchd.conf file with the proxy information, I have uninstalled and installed numerous times. I am working from CC with a Mac Book Pro Retina, 15-inch, Early 2013 OSX 10.8.5. I am having no other issues with any of my other applications and them being responsive.
View 7 Replies View RelatedI am trying to create an instance of a symbol at the mouse location when i click - anywhere on stage. I think it should be something like the following:
//stage on.click function
// Create an instance element of a symbol as a child of the
// given parent element
//premade code: var mySymbolObject = sym.createChildSymbol("Symbol_1", "ParentElement1");
var mySymbolObject = sym.createChildSymbol("Symbol_1", "Mouse");
This doesn't work of course because the mouse isn't a symbol.
I am trying to find out if it is possible to start/load the animation based on a specific point in its timeline? The animation I am creating is a parallax animation based on mouse position and I am trying to load it in the middle of the animation and based on the users mouse position will play forward or backwards from that point.
View 2 Replies View RelatedIn Edge, I have created an application where a user can click buttons and then it takes them to a separate scene. However, I seem to have run into a problem where the click only works in a certain area of the box. I created the buttons in Photoshop and imported them to Edge. Only the edge of the button closest to the edge of the stage will work for clicking for some odd reason.
View 7 Replies View RelatedI have an image of a room, and I want to add the ability to click different parts to zoom in (by scaling up background image) and have the relevant information appear. I don't know if the best way is to have all the "camera zooms" and information on one timeline (have to manually animate everything dissapearing, fiddly), or to separate them into symbols and call them up?
View 3 Replies View RelatedEvery time I right click on an Object in Elements window Animate crashes on me.
Same thing happens, when i click on the "Open Actions" Button - "{ }"
I am able to accomplish nothing this way.
I am running on a 2010 MacBook Pro 3.06 GHz Core 2 Duo - OSX 10.9
Adobe Edge CC downloaded today via Creative Cloud
I have a text object in my Animate comp. It's pulling in HTML using JQuery's .html command. What I'd like to do is from that HTML, I'd like add an a href or similar link where onClick something happens to another Animate symbol. In this case, I'll make it simple and just show a div, but it could be anything. Of course, Animate has actions for symbols in the Elements panel, but this needs to happen from the HTML itself. Like this:
sym.$('content').html('<p>If you click this link, the <a href="sym.$("gallery").show();">Photo Gallery</a> will appear.</p>');
OK, this is a simplified version and I realize the syntax in the a href is completely wrong. But you get the idea. I click in that text and a div now appears on the screen. Also would be great to do it from an image link as well.
So is there a way to do this in Edge Animate? It's important I need to find a way to make this work.
I'm playing with the edge commons and json possibilities.
I have a movie with dynamic infos coming from a json file. Everything displays succesfully right now. I would like when I clic on a element (on the thumb picture) that the current info (so I suppose I have to pass an ID somewhere) displays in a movieclip I created (this movieclip is called "detail" in my edge scene).
I currently have a spotlight in my example when clicking on the thumb but I would like to remove it and just display the selected infos in the detail movieclip. I hope I'm clear enough..
I join my example file here. [URL]....
I am trying to to load a JSON file and load images with text information.
I have a problem when i click the thumbnail, the large image can't displayed, i am receiving the following error:
Failed to load resource: the server responded with a status of 404 (Not Found)
my code in compositionReady:
$.getJSON("content.json",
function(data){
for(var i=0; i<=data.length; i++){
var s = sym.createChildSymbol("template","content");
s.$("title").html(data[i].title);
[code]...
and at the element that hold's the thumbnail image, I added on the click event :
sym.$("finte").css({"background-image":"url("+$(this).data('largeimage ')+")"});
I believe that somewhere on +$(this).data('largeimage')+") is the mistake. But I can't find it.Moreover, how, the thumbnails, can be displayed as a table of 4x5?
I believe ScrollTop jquery works for scrolling certain number of pixels but how to use it in edge?
View 1 Replies View RelatedHaving some trouble with the oppacity on my projects. As you can see from the screenshot, I've clearly clicked something because any text or images that I try to add to my project and set the oppacity at 0% - to then build over a few seconds to 100%, will not do this.Yet previous elements that I've added will.
Is there something I need to click to stop the new text and images from changing oppacity immediately. I want them to build over time - I can see that the added keyframe looks different also.