Edge Animate CC :: Finding Top And Left Location Of An Element When Clicked?
Nov 26, 2013
I am working on a project with several nested DIVs, and I would like to be able to get the top and left coordinates of a DIV when I click on it, relative to the Stage.
I used this code in the On Click action for the DIV:
var objTop = sym.$(e.currentTarget).css("top");
var objLeft = sym.$(e.currentTarget).css("left");
But, since this is a nested DIV, it seems to be giving me the coordinates relative to the parent, not the Stage.
View 1 Replies
ADVERTISEMENT
Jan 22, 2014
I have created a symbol that is a horizontal banner consisting of six paragraphs of text P1 thru P6. Each paragraph is no more than 300 px wide.
I then created six trigger symbols and placed them beneath a 300 x 300 vieweing window on the stage.
When the stage opens, paragraph 1 (P1) is viewable in the window. If the user clicks a trigger, I want the banner to scroll left or right, from its current position, to display the corresponding paragraph.
Example : P1 is showing in the viewing window. The user clicks trigger #4. The banner scrolls right and eases P4 into view in the window. The user then clicks trigger #2. The banner then scrolls left and eases P2 into viewing position in the window.
My old (very old) Flash training tells me I need to set a numeric value into a variable when each trigger is clicked and then use that value and concatenate it with label text to tell the play head to play from the proper postion (play ("Para1")), (play ("Para2")), etc. where Para# is the label on the timeline.
I feel like I'm close to getting this to work, but after a number of hours of trying I've concluded that over time I've either forgotten a key step or there's some easier way to do this in Edge Animate. (I'm very new to CC and EA).
View 3 Replies
View Related
May 11, 2013
When the user clicks on two button on the stage I need an eleiment to disapear.
for example:-
If one of the buttons is pressed... nothing should happen.
Then when the other button is pressed then an element disapears.
(The user needs to be able to press the buttons in any order)
I have been usine verables to try and work this out. How I understand it is that I sould be able to store the verable on the stage and recall it.
This is where I have the problem. I have not pasted the stage code because it just does not work. But below is the code for one of the Symbol Button.I had set all the "Var" to "0" at the stage but can not change all recall them.
sym.getSymbol("button1").play();
var but1 = 1
};
if (but1 = 1 && but2 = 1){
sym.$("element1").hide();
};
View 2 Replies
View Related
Oct 7, 2013
I have a dozen or so animated symbols on the stage and I'd like a randomly called one to play each time users click a button.
View 6 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
Oct 5, 2012
how do i, by animation of function move an elements arrange, like : on click arrange element to front
View 7 Replies
View Related
Mar 29, 2013
i want animate the menu wordpress using edge animate.i already create animation, and the place is in header, when i click i want the menu will show and hide..
View 2 Replies
View Related
Dec 3, 2012
I created symbols on the Stage by this script below.
for(k=0; k<5; k++){
sym.createChildSymbol("mySymB" , "Stage" );
}
How can I set the element names with the script? Because, when I try to control one of the symbols using getSymbol("-----") command,I need to know the element name given to each symbol.
View 22 Replies
View Related
Jul 6, 2013
There is an element that I don't want to move (x and y co-ordinates) but I want to add effects to it (like bounce effects). How do I do this?
View 1 Replies
View Related
Nov 6, 2013
Currently, if you convert a rectangle (which contains elements, for example, a book title) into a Symbol, and copy that Symbol, you get the same elements (same book title).
I want to change that book title in the Copied Symbol, but any changes you make in the Copied Symbol, automatically changes the Original Symbol to the same.
How can I make changes to Elements in Copied Symbols so it won't affect the Elements in the Original Symbol?
View 2 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
Feb 7, 2014
How do I make an object or element spins repeatedly in Edge Animate? I am new with Edge Animate.
View 7 Replies
View Related
Oct 7, 2013
I have created the following simple animation:
http:[url].....
the files are at: http:[url]....
I want the background to loop seamlessly, I have created the illustration so it will join ok at either end I just cant figure out how to do the Animation 'looping' element so its nice and smooth without any visual jumping? or without it jumping back to the beginning -
View 4 Replies
View Related
Aug 9, 2013
I would like to change the id of the dynamically created elements in order to work easily with their later. Currently, edge automatically generate an random id like "eid_1376057792551" for each element.
There is my code :
sym.setVariable("labels", {
content2: "Visiteur",
content3: "Exposant",
[Code]....
View 8 Replies
View Related
Apr 5, 2013
Very, very new to Edge Animate.
I want to know if I can access elements in the parent document from the Function I attach to the Stage or other element within my animation.i.e. the equivalent of window.parent.document.getElementById
I notice that the function automatically passes 'sym' which I'm guessing is the animation document reference so can I get to sym.parent?
View 3 Replies
View Related
Jan 29, 2013
I have been puzzling with the parameters and set-up of the piece of code for a “slider” Left/Right you published here 3 days ago. “Creating a left/right navigation by mousemove”
With the code available in Edge script panel, I try to address the main stage from de images in the “slider” symbol. When you click a color thumbnail in the “slider” you see the right picture on the stage. Is it possible for you to explain how to do that? I’m trying to emulate a flash site I did for a friend years ago.
View 4 Replies
View Related
Jan 9, 2014
how I can control another Edge animation and/or html element of a single page from a custom Edge animated button? For example, I created an animated tabbed buttons in Edge, then I want to animate a different Edge animate once I clicked on a button in the other Edge animation. I want to add multiple Edge animation in one page instead of one big Edge animation. This is partly because the design of the page is done is Muse with the parallax effect.
View 2 Replies
View Related
Aug 18, 2013
I'm trying to build a small photo gallery within Edge Animate. I have a symbol which is essentially 10 images or so side by side, and buttons below that are directional arrows left and right. I want to have it set up where when you hover over one of those buttons, it moves the photo slideshow left and right. I havent been able to find the correct code and it is currently inoperable.
Right now, I have this in the BtnRight symbol, which is the arrow to move the slideshow to the right.
sym.$('PhotoTimeline').animate({
left: "+=30px",
}, 20 );
}, 2000);
It doesn't work however. Any simple code that I can input into the syntax of the arrow symbols to allow my photo gallery to slide left and right on mouse over?
View 6 Replies
View Related
Jun 5, 2013
I have 1 Next button that is used on the timeline. Each position has a pause then a play so there is only 1 button. I need to get the label info so I know where I am so I can save the location of the timeline that the user was at if they exited before they finished the process.
View 6 Replies
View Related
Oct 28, 2012
I've been using PS and PSE since 2003 so I'm not what you'd call a new PSE user. I upgraded to PSE9 a few years ago but now I can't get the clone stamp to work correctly. I keep getting black spots on the distracting elements that I want to remove. I've gone through Scott Kelby's PSE9 book a million times but still can't get the tool to work correctly.All I get are the black spots. I'm working on photo submissions and time is running out. Here's what I'm doing.
1) First I select the Clone Stamp tool and then the brush size I want to use (usually around size 45)
2) Then, I sample the area just to the left of the distracting element that I want to remove. (I use Alt + left click)
3) Then I run the tool over the distracting element and left click. But instead of getting my sampled area clone, I get a black spot.
I thought that maybe I was using too big of a brush but that's not the case. So, what the heck am I doing wrong or is there some kind of an update or tool that will allow me to remove distracting elements more easily?
View 1 Replies
View Related
Nov 11, 2013
I have photos all over my numerous hard drives and I want to find and move them all to one central location where I can start to organize them. How is this done using Lightroom 5? Not just create a catalog but I want to actually move the file to one large hard drive.
View 1 Replies
View Related
Oct 15, 2013
if it is possible to import PDF content and animate each element of it. For ex., animate the titles, some text, some images? Then, export into a swf. file? I am not sure if AfterEffect is the best way to do it? Flash, Illustrator, maybe?
View 4 Replies
View Related
Jul 24, 2013
1. crolling like where you have buttons for example or press on a navigation bar tab, then it goes to that specific pace of the page, for a one page website, for example some sites you press on contacts and gose down to the bottom of the page where the contacts place is located, not opening a new link.
2.Second, navigation bar, where it fallows the scroll as it gose down, like for example when it is html the object is fixed to the top, and when you scroll down it will fallow it it,
3.I need Parallex scrolling where you can have the timeline or animations run while you scroll in the meantime and have animation running all the time, for example the infographic site where the bees are fluying but still have seperate animations while you scroll
4.I would also like to ask if like looping each animations sperately, not looping the whole timeline, can it be possible to loop an animation while you have all the interactivity witht he site like looping seperately all the time, without interfeering with all the other animation
5.I also are wondering if you can create multiple pages on one animate project, like multiple pages with html
I just moved on to edge animate from html, and html was also beirf learn for me and mostly i was doing design work, and i thought getting out of graphic river and moving on the theme forest.
I want also all the five things to work on one aimate project.
View 9 Replies
View Related
Nov 22, 2013
Is it possible to get the text color to FadeIn or the opacity of the text color to animate with the lines of code below? I simply want the color to fade in when the mouse rolls over the text.
Symbol.bindElementAction(compId, symbolName, "${_writing_btn}", "mouseover", function(sym, e) sym.$("writing_btn").css("color","#88ACBE");
});
[Code].....
View 1 Replies
View Related
Sep 23, 2012
Can I find photos by searching folder location, using Photoshop Elements 10? I used to use that method frequently inversion 5, but don't see how to do it in version 10. I am using Windows 7.
View 2 Replies
View Related
Oct 16, 2013
I'd like to animate snow falling. I assume Edge would be able to do this. Will it be possible to add it as a background? Or would it just be easier to add the effect to the top graphic portion of my page? I've used Edge back when it first came out. But havent' touched it in a while. I'm now working "in the Cloud". and I do use Dreamweaver.
View 5 Replies
View Related
Dec 13, 2013
I am including an animation I built using Edge Animate into Dreamweaver. I can't use an .oam file because of some other JavaScript I'm using so basically I'm limited to an .html file with all my edge includes java, and other supporting files.
when I preview in browser within dreamweaver. However, when I upload the page to my domain, my animate HTML file won't work. Here is a link to the current site in progress. (The first green box top left is my link to my animation). URL....
View 2 Replies
View Related
Feb 4, 2014
I have 280 extracted frames from a 12 sec. mp4 clip. I've cut-out the main object to get rid of the background and saved all the files as png. How can I bring this to a HTML5 Animation to place it on a page that will be showed on ipad-air (no animated gif and no flash)
View 1 Replies
View Related
Jun 18, 2013
What the best way is to animate a progress bar with an increasing %. Seems like you would specify a variable set to 0 that is then incremented via javascript while an animation is going on.
View 1 Replies
View Related
Jun 18, 2013
I have an ordinary div I composed with HTML, that I'd like to import into an existing Edge Animate comp and have it treated like an ordinary div. The two closest things I saw were: a YouTube video of a whole page opening in EA, and divs animated within itThis other forum, which has more components imported than I need:URL...Isn't there some kind of pasting window somewhere?
View 3 Replies
View Related
Dec 17, 2013
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?
View 5 Replies
View Related
