Edge Animate CC :: Control Elements In IFrame From Parent Doc?
May 12, 2013I've placed my Edge animation in an iFrame.I would like to be able to trigger the animations in the Edge file, by clicking on links in the parent document.
View 3 Replies
ADVERTISEMENT
Edge Animate CC :: Communicating With Another Edge In An Iframe?
May 10, 2013I'm having trouble communicating with an iFrame. I've successfully loaded another Edge html into an iFrame inside another Edge project…
//I have a container called box
sym.$("box").html("<iframe id='Mycontainer' width='100%' height='100%' style='margin:0;padding:0;border:0' src='mypage.html'></iframe>");
[Code]....
Edge Animate CC :: Target Link To An Iframe?
Feb 24, 2013In my project I have an iframe, and I want to open a link in that iframe. But with a button which is outside the iframe. I thought that putting the name of the iframe in the target area might work. And in Safari work, but not in Firefox and Internet Explorer. These browsers opens the link in a new window, even changing the name in the target.
View 2 Replies View RelatedEdge Animate CC :: Access Iframe From Animation File?
Jul 8, 2013I load an edge animation file into an iframe at my home page. How can i access the iframe when i clicked a button inside the edge animation file.
View 1 Replies View RelatedEdge Animate CC :: Loading Page / Iframe And Animation At The Same Time?
Apr 13, 2013I have a main page with a container (named BoxPlay) and a button. And I have an other page (page2) with severals animations on it : animation 1, animation2...
I would like to load the page2 but directly with one of his animations.
Code of the button :
var container = sym.$("BoxPlay");
container.append('<iframe id="currentPageHolder" width="'+container.width()+'" height="'+container.height()+'" src="pages/GallerieHomePage/GallerieHomePage.html" frameborder="0" scrolling="no"></iframe>');
How can I specify to load also animation 1 or animation 2 ?
Edge Animate CC :: Banner In Iframe Redirects And Disables Back Button
Apr 1, 2013I have a website banner made in edge with links to other pages of the site. The banner itself is within an iframe (Generally I avoid iframes but I had no option with this one). If you click a link, it will take you to the right page. However if you click the browser's back button, the original page begins to load but quickly redirects you forward again, thus virtually removing the back buttons functionality. However if I click "back" a second time, it works.
Another peculiar thing is that when the page loads, the contents of the page that I am navigating to start to load within the iframe before it redirects. I tried adding "_parent" as a target attribute to all my links but the problem remains. Does edge automatically detect iframe usage and assign link targets to the _parent frame with jQuery?
Edge Animate CC :: Calling Function From HTML Page Embedded In IFrame?
Mar 26, 2014This is a tricky one, but it may just be that I don't understand the syntax,
Situation:I have an Edge Animate composition that is acting as an interface and container into which other content is embedded using an iFrame. I have several functions in Stage > creationComplete, and for one of the embedded content pieces, I want to include a button that calls one of the Edge functions.
Challenge: I have read about referencing elements within Edge when it is the Edge file that is embedded on an HTML page, but I cannot figure out how to reference Edge in the reverse.
I have tried these options where headerselect(page) is my function:
AdobeEdge.getComposition("EDGE-531849691").getStage().headerSelect("co mmunity");
window.top.Edge.getComposition("EDGE-531849691").getStage().headerSele ct("community");
Edge Animate CC :: How To Control The Appearance Of Symbols And Elements
Jan 24, 2014I've been experimenting with different ways to control the appearance of my symbols and elements.
I've seen multiple examples where people would add custom styles to the head of the html document created by edge. I've tried this, but no matter how I tweak it, I can't seem to get it to work. I've tried adding it to the existing edge runtime <style> tag, creating my own <style> tag (both before and after the edge runtime) and then adding the CSS into that, but to no avail. I have tried adding the class to both symbols and elements on the stage using both jQuery and that class form field next to the element name. I've also made sure to close out of the project before I add my styles, just in case that was the problem.
I feel like there might be some edge animate terminology/notation thing that I'm missing, because it seems like it should be a pretty straightforward process.
Edge Animate CC :: Three Links To Open In Parent Window?
Apr 17, 2014I have built a slider that includes three different links (one for each slide) that need to open in the parent window. When I apply the Action using Open URL and target the parent window they still open in a new window.
Is there a way to configure the window.open action to target the parent window when an Edge Animate object is placed into an index file?
Edge Animate CC :: Access Element In Parent Document From Function?
Apr 5, 2013Very, 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?
Edge Animate CC :: Control Edge Symbols From External JavaScript?
Jan 9, 2013I have come across about a dozen similar discussions, but most have presented solutions that worked in earlier versions of Edge and no longer work.
I am trying to use Edge to build animations that can then be integrated into larger non-Edge projects. I would like to then be able to control the Edge timeline or Edge symbols from elements OUTSIDE of Edge, such as another link or button in the page.
I cannot seem to figure out how to properly reference the Edge stage or symbols.
I have come across several proposed solutions for referencing Edge stage, such as:
var comp = AdobeEdge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = $.Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
and these either DO NOTHING or throw errors about either AdobeEdge or Edge or comp being undefined.
Edge Animate CC :: How To Control Audio
Mar 11, 2014how could i control audio in edge animate
View 4 Replies View RelatedEdge Animate CC :: How To Control Multiple Symbols Using Classes
Feb 14, 2013I am wondering how I could control multiple symbols using classes.
So lets say I have 10 symbols on the Stage - each symbol has a class of 'box'
Using this:
sym.getSymbol('.box').play('lower');
only the first box will animate, not the other 9.
Edge Animate CC :: Using An Audio Clip To Control Timeline
Mar 13, 2014I have a composition which has two pieces of VO. Each has an associated text block.I want to play the first VO when the first text is clicked. Then, when the VO ends, I want the first text block to fade out, the second to fade in and play the second VO when tapped.
I have the timeline set up with labels to play through the transitions at the end of the first VO. No issues there.I have the audio playing when I click on the text blocks. All good.However, I do not know how to make the timeline wait for the audio clip to end before playing.This is the code for the first text block:
sym.$("RUP01_Nar_1")[0].play();
sym.play('Nar2');
This plays the audio but also plays the timeline instantly (so the text blocks fade from one to the other as soon as the audio starts).
I figure I need some sort of code in between which says, essentially, 'wait until the audio finishes then [play timeline]'. But as much i have searched I cannot find anything to do that.
Edge Animate CC :: Buttons To Control X And Y Position Of Symbol?
Jul 28, 2013I am trying to move a symbol around based on it's x and y coordinates, without using keyframes to actually animate any movement.
Basically what I want to do is have a largish map image inside a symbol, most of which is off stage, with right,left, up and down buttons that slide the map in and out as you mouseover them, thus allowing the user to navigate east, west, north and south, if you see what I mean.
The buttons would move the map symbol around in increments of perhaps 10 or 20 pixels at a time, but it would freeze where it was when you moused out of the button, and begin moving again when you mouseover.
Of course it would be important to fix limits to how far the map symbol could be pushed so that you could only see as far as the edges of the map, and not beyond the limits of the map.
Edge Animate CC :: Control The Character Animation In Adobe?
Dec 10, 2013i have a character, i want to control the animation to use left arrow key and right arrow key.
When i press left arrow key the character run animation call. When i press right arrow key character back run animation call. when user don't press any key the character stop animation call.
Edge Animate CC :: Control Video Timeline In Adobe
Aug 30, 2013if it's possible to control a html5 video in Edge ?For example, I added a html5 video with the video tag and I want the video to play and stop after 20 seconds. Then, plays some animation on my edge timeline. I suppose the video must be controlled with Javascript ?
View 4 Replies View RelatedEdge Animate CC :: How To Control Dynamically Created Symbols
Jan 23, 2013I'm trying to use ".createChildSymbol" to bring my symbols from the library to my stage. And in each symbol I have an OUT label, so every time a new symbol is called by a particular button, the last one plays from OUT label and new one appears at the same place. It's all easy for two symbols and I do not need to set any vaiable for them. But I have almost 180 symbols, and a menu of buttons to call them, so every button needs to play the OUT label of the current symbol and also plays the new one and make it as the current one.
sym.test = sym.createChildSymbol("test", "Stage");
sym.getComposition().getStage().setVariable("current", "test");
var current = sym.getComposition().getStage().setVariable("current");
sym.current.getSymbolElement().css({position:'absolute', display:'inline-block', top:167, left:91});
Edge Animate CC :: How To Use Cookies To Control Which Part Of The Timeline To Play From
Nov 4, 2013I have created an animation with Adobe Edge. My site uses Concrete5 and I am pulling in the Edge content into an IFRAME on my home page. I want the animation to play from the start when someone first visits the site, but if during their browser session they navigate back to the home page, I want the animation to only play a shorter segment of frames near the end.
My question is, how do I use cookies to acheive this? I'm new to javascript/jquery.
I've included the following code on compositionReady, (found in another post on this forum) but don't have a clue how to continue...
// insert code to be run when the composition is fully loaded here yepnope( { nope:[ '/js/jquery.cookie.js' ], complete: init } ); function init() { //create your cookie's initial values here } My temp site is here -[URL]
On revisting the homepage, I only want to play from when the green button drops in.
Edge Animate CC :: How To Control Playback Of Animation Based On An Anchor In Web Page
Jul 12, 2013Need to control playback of the animation based on an anchor in the web page. When the anchor comes into the browser viewport, it would trigger play, pause or stop.
And ... to control the flow/direction of the animation playback based on scroll direction.
The setup:
I would like to have the playback direction for Edge animations placed in a web page, to follow the web Surfer's scrolling direction.
Scrolling down or right, Animation plays forward.
Scrolling up or left, Animation direction plays backwards,
But, that's not all ... I would like to combine the scroll direction sync with ... Anchors
Image if you will:
Multiple Edge animations are placed at various positions on a web page.
Autoplay for each is turned off.
Wish to individually control the playback functions for each animation. - Start - Stop - Pause.
Wish to trigger their playback relative to when an associated anchor (becomes visible / invisible) is inside or outside, of the browser view port.
Sounding complicated?
I put up a web page diagram to illustrate the functions. [URL]....
Edge Animate CC :: How To Control HTML Element Of Single Page From Custom Animated Button
Jan 9, 2014how 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 RelatedEdge Animate CC :: Right Click In Elements Window Crashes Edge?
Apr 6, 2013The 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)
Illustrator SDK :: How To Control Propagation Of Parent Group Art Configuration
Mar 9, 2012I have a parent groupwhich has multiple childs. By default, when parent group is selected, it propagates the Art configuration changed from panels (e.g. Gradient) to its childs, because its childs are also selected.
In some circumstances, I'd need some of those settings to NOT be propagated to one of the childs. How can I realize this?
My parent group is a PluginGroup
Edge Animate CC :: How To Animate Elements From Off Screen To Center Of Screen Without Percentage
Dec 11, 2013I did take a class for it in college so I know the basics, but still learning. I am trying to create a very basic animation where I have 2 assets that begin off the stage on either side. I would like the elements to slide in from the sides and meet in the middle with about a 20px overlap. I tried setting a keyframe for both elements at 0 seconds and setting the X translations to -2000px and 2000px and then setting another keyframe at 5 seconds and changing the X translations to 48% and 52% respectively. This got me the desired effect, but only because I have such a large monitor. If the browser window is resized or the screen is smaller, the effect does not stay the same due to using percentages to center the elements.
is there a way to animate elements to the middle of the screen without percentages(maybe by using margin:0 auto or something)? Or is there a way to accomplish what I am looking for so that the positioning of the elements is the same regardless of browser window size?
AutoCAD Civil 3D :: Copying Description Keys-Parent Control?
Dec 5, 2012I was told that once I set up a description key that I could copy it to save time, especially on DS Keys that have blocks associated with them. Unfortunately this isn't working.
I tried copying the basic DS Key - SWMH* (I right clicked the SWMH* (code) to make a copy of it. I renamed it and, used a different block, changed the layers to zero and saved it as SSMH. I saved it, then it proceeded to change all the characteristics of the SWMH to match the SSMH.
Is there some setting that I'm missing? Is there some parent/child association that I'm missing? I know that I can proceed to create each DS key from scratch but prefer not to.
Edge Animate CC :: How To Manage Elements Of SVG
Dec 23, 2012I have a particular SVG image and I want to manipulate a particalr line within it. For example I want to rotate it, or to bend it.
How can I do this using Edge Animmate?
Is this even possible to do using only WSIWYG tools, or I had to dig into some JS code?
Edge Animate CC :: Selecting Elements On The Page?
Jul 7, 2013There are several elements on the page. When there is one group or element on a page, i find it difficult to select other elements.
i know hiding the element would allow me to select other elements. But I need to see other elements when working on the image.
Edge Animate CC :: How To Apply CSS All Elements Of A Symbol
Apr 2, 2014how to apply CSS all elements of a symbol?
For example, I want to put a border around every image in a certain symbol.
Edge Animate CC :: Randomly Placed Elements On Stage?
Aug 10, 2013I'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!
Edge Animate CC :: Duplicate Names Of Elements?
Sep 18, 2013Many users forget or even aren't aware of the fact that they can't have duplicate names for elements. Or in a long list of elements, they don't oversee which names are already in use. So they try to change the name, but it does not 'stick' (the name reverts immediately to what it was).
Of course it should be (or become) general knowledge and a good care that duplicate names won't occur, but just like with the prompt that warns for unallowed characters (spaces and all), it would be nice to prompt the user that there's a duplicate name.
Edge Animate CC :: Animating Elements In Layers As They Overlap?
Feb 6, 2013I have managed to make some animations to include them in Adobe DPS for Ipad. Right now I have a doubt and I don't know how to solve it.
This is a map of Europe with some countries. I want to start the preentation bringing them one by one to the forefront by enlarging them and then reducing them again. ("Here comes Germany, Now, France..." and son on).
No big trouble. But the rub is that, as each country is in its own layer, some of them enlarge all right but some others are partially hidden by their neighbours when enlarging, as they are under those, in a lower layer. All the countries has been arranged in Illustrator and imported as SVG into Animate layers.
The question is: Is there any command to force an element in a layer to act, move or go 'forward' even if it is under the other one?