Multiple compositions on a page: first comp stops playing

Hi everyone,
I have two compositions on a page and I identify them within the AdobeEdge.bootstrapCallback. As soon as the user scrolls to the first animation I want to start it with an external call (compId.play()). If this is the only composition on the page it does work correctly. But as soon as the second one is added to the page it doesn't play at all. If I trigger the first animation via the console (e.g. compId.play(1000)) the animation jumps to the 1000 ms mark but then it stops immediately and doesn't play on.
Has anyone an idea what's wrong with the setup? Any help is greatly appreciated.
Thanks
Marcel

Hi Elaine,
thank you for your help. Indeed there seems to be a conflict with the rest of the JavaScript on the page. The multicomp you've sent me works fine.
Unfortunately I can't figure out what's going wrong as the console doesn't throw an error.
If I make any progress on this issue I'll keep you updated.
Thanks again
Marcel

Similar Messages

New Update (2014.1) - How to have multiple compositions on same page?

With the latest update, it seems as though Edge now always assumes that the composition has an element ID of "Stage". Previously, I was able to have multiple compositions on the same HTML page by simply altering the default id of "Stage" for each composition to something unique. Any workarounds for having multiple compositions on the same page utilizing the 2014.1 update?

You can use the following approach
Dropbox - Multiple.zip
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Untitled</title>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <script type="text/javascript" charset="utf-8" src="edge_includes/edge.5.0.0.min.js"></script>
    <style>
       .edgeLoad-EDGE-77458053 { visibility:hidden; }
        .edgeLoad-EDGE-77430105 { visibility:hidden; }
    </style>
<script>
   AdobeEdge.loadComposition('2', 'EDGE-77458053', {
    scaleToFit: "none",
    centerStage: "none",
    minW: "0",
    maxW: "undefined",
    width: "550px",
    height: "400px"
}, {dom: [ ]}, {dom: [ ]});
AdobeEdge.loadComposition('1', 'EDGE-77430105', {
    scaleToFit: "none",
    centerStage: "none",
    minW: "0",
    maxW: "undefined",
    width: "550px",
    height: "400px"
}, {dom: [ ]}, {dom: [ ]});
</script>

</head>
<body style="margin:0;padding:0;">
<div id="Stage1" class="EDGE-77458053">
</div>
    <div id="Stage2" class="EDGE-77430105">
    </div>
</body>
</html>
-Siva

Help! Multiple accordions/javascripts on page. Script stops working

Hi, all
I have an accordion in the leftnav. I would like to add functionality to this accordion, but will put that in a separate discussion.
The ugly problem right now: I added a second accordion to the right sidebar and it is not performing well at all:
http://mayakaimal.com/mayakaimal2/prod-rs-tk.html
I KNOW there must be a plethora of problems with how the js is handled, but don't know enough to fix it. I have added at bottom of the page: useFixedPanelHeights: false.
The panels are simply overlapping.
Any advice greatly appreciated!!
mookie

Bob IS my uncle!
Question:
Can I slim it down even further?
Before:

<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 0 });
</script>


<script type="text/javascript">
var Accordion2 = new Spry.Widget.Accordion("Accordion2", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>

After:

<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 0 });
var Accordion2 = new Spry.Widget.Accordion("Accordion2", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>

Edge Animate 1.5 multiple compositions

I read the following in the edge 1.5 api docs:
As of Edge Animate 1.5, opening a page with more than one composition in it is not supported, but pages can be hand-authored to use multiple compositions.
What exactly does it mean, that I can put only a single composition in a HTML page?
If so, what is the "Hand-authord" solution that you offer? can you please elaborate a little bit in this issue?
Thanks for the help,
Yotam.

I cannot tell if it is indeed a race condition. Can only report back my results of different methods I attempted in order to achieve communication between 2 or more compositions on a single html page:
Adding the .oam packages via Dreamweaver Media > Insert > Edge Compositions, then using either Edge.getComposition("Comp2"); or Edge.getComposition("Comp2"); (in Actions panel of Comp1)... Fails to locate other composition.
Adding the .oam packages via Dreamweaver Media > Insert > Edge Compositions, then using jQuery/DOM to get to Comp2 elements using var comp2= $("#Comp2", window.parent.document); comp2.contents().find("blahblah"); (in Actions panel of Comp1)... Fails to locate the html document that is inside the Object element created by Dreamweaver. The only child contents() element of the Object is [object Text].
Publishing compositions as Web (not .oam packages), adding the compositions using iFrames, then using jQuery/DOM to get to Comp2 elements using var comp2= $("#Comp2", window.parent.document); comp2.contents().find("blahblah"); (in Actions panel of Comp1)... Then you have to play with HTML5 iframe sandbox settings. Works but is not so elegant.
Publishing compositions as Web (not .oam packages), adding the compositions using the methodology explained in documentation section Advanced Topics > Multiple Compositions In A Page, which entails opening each composition's html file and adding specific code by hand to the Dreamweaver html file to the <head> and then adding each composition's <div>, being sure to change the div's id (stage id). Then using jQuery/DOM to get to Comp2 elements (I have a text element called 'comp2DynText') using $("#stageTwo_comp2DynText").html( "some text" ); or whatever it is you want to do. This works however obviously requires manual changes and not using the easy to use package methodology.
Bootstrapping. Did not try this, i think it more for people wanting to switch out (show/hide) one compostion with another.
Hope that is helpful.

Recently my computer stopped playing quicktime

My comp stopped playing quicktime downloads. It says " not a movie file" Has this happened to anyone else? If so are there any solutions?

Which OS X is installed on your Mac ?
Click the Apple () menu top left in your screen. From the drop down menu click About This Mac.
The version is noted there.
Troubleshooting advice can depend on that information.

Multiple responsive compositions on 1 page with edgecommons

Hi Guys,
I am trying to determine what in the is going on here, got two responsive compositions using edgecommons in a single html page. Below is the runtime code - however not having much luck getting them both displayed at the same time. I am able to see each composition on the page when I remove one of the two load functions, but if I use both, there is no joy. I must be doing something wrong but cannot determine what. P.S. all files and assets loaded in the root directory.
<script>
var custHtmlRoot="";
var script = document.createElement('script');
script.type= "text/javascript";
script.src = custHtmlRoot+"edge.5.0.0.min.js";
var head = document.getElementsByTagName('head')[0], done=false;
script.onload = script.onreadystatechange = function(){
if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
done=true;
//1st composition
(function() {
var custHtmlRoot="";
var opts ={
scaleToFit: "none",
centerStage: "none",
minW: "0px",
maxW: "undefined",
width: "100%",
height: "100%"
opts.htmlRoot =custHtmlRoot;
AdobeEdge.loadComposition('clients', 'clients', opts,
{"dom":{}}, {"dom":{}});
//2nd composition
(function() {
var custHtmlRoot="";
var opts ={
scaleToFit: "none",
centerStage: "none",
minW: "0px",
maxW: "undefined",
width: "100%",
height: "100%"
opts.htmlRoot =custHtmlRoot;
AdobeEdge.loadComposition('solutions', 'solutions', opts,
{"dom":{}}, {"dom":{}});
script.onload = script.onreadystatechange = null;
head.removeChild(script);
head.appendChild(script);
</script>
<style>
    .edgeLoad-clients { visibility:hidden; }
    .edgeLoad-solutions { visibility:hidden; }
</style>
<body style="margin:0;padding:0;height:100%;">
<div id="Stage1" class="clients"></div>
<div id="Stage2" class="solutions"></div>
    <meta content="minimum-scale=1, width=device-width, maximum-scale=1, user-scalable=yes" name="viewport">
</body>
Any help would be appreciated - Cheers
Wish the adobe team would streamline this in the next update. Makes real life instances very difficult to figure out.

vivekuma,
I believe I either found the problem or at least narrowed it down. 2014.1.1 appears to have broken the Multiple Responsive Animate Compositions in an uploaded state.
I will send you the comps that I have used for testing, but it appears that the current version (2014.1.1) broke this code in an "uploaded" state. Running this code on a local web server functions perfectly fine.
Again, this code only works locally and not on an internet web host!
P.S. I have removed all instances of Edge Commons, so there are no calls to this extension library.
P.S.S. I am now using multiple compositions to serve my responsive breakpoint needs using media queries to hide and zero out stages between break points.
Thanks Vivekuma and any other Adobe Edge Animate staff who read this!
Eldin

Get specific stage when using multiple compositions

Hi,
in EdgeSuite (http://edgedocks.com/edge-suite) we are using one compositions multiple times alongside on a page. They are being configured during runtime via daja injection. The problem is getting the specific stage object. sym.getComposition().getStage() always gets you the stage of the first composition on the page. sym.$(compId) doesn't work either. So far we are solving this by climbing up with sym = sym.getParent() in a while loop until there is no parent anymore, which results in the desired stage div. Is there a more direct way to do this?
People start writing custom code and are using a reference to the stage div more often. Problem is that for drupal and wordpress integration I need to change the stage id, but then the users code doesn't work anymore. An easy API function to get the stage in a multi comp setup would be really great.
Thanks.

I am having this issue like when timeline completes it gets back to its initial stage which is very frustrating. i dont have an idea how to stop this loop

Multiple animations on one page scale incorrectly

Tried to find an answer but I can only see that having multiple edge animations on one page is troublesome so far. However I've managed to get them working but there's one problem with scaling it responsively:
http://aspekt-management.ru/test/
The idea is having two tabs and in each there's an animation so once I press a button - corresponding tab with animation inside is shown and another one becomes hidden.
But in 2014.1 version second animation always looks small till I resize browser viewport! After resizing browser width even by 1px - animation fits to the frame nicely. But then it breaks the first animation so once I get back to it - it behaves in a similar broken way.
How can I make them both actually fit to their parent divs once loaded?
What makes animations appear in such a size, I'm not sure I've specified anything like this in animations or site css.
This is what I've copied from EA export code to my html:
<script>AdobeEdge.loadComposition('main_process', 'main_process', {
    scaleToFit: "width",
    centerStage: "horizontal",
    bScaleToParent:true,
    minW: "0",
    maxW: "undefined",
    width: "940px",
    height: "260",
}, {"style":{"${symbolSelector}":{"isStage":"true","rect":["undefined","undefined","940px"," 260px"],"fill":["rgba(255,255,255,1)"]}},"dom":[{"rect":["410","70","120px","120px","auto" ,"auto"],"id":"preloader42","fill":["rgba(0,0,0,0)","images/preloader42.gif","0px","0px"], "type":"image","tag":"img"}]}, {"style":{"${symbolSelector}":{"isStage":"true","rect":["undefined","undefined","940px"," 260px"],"fill":["rgba(255,255,255,1)"]}},"dom":[{"rect":["0px","0px","940px","260px","auto ","auto"],"id":"home_process_stat","fill":["rgba(0,0,0,0)","images/home_process_stat.png", "0px","0px"],"type":"image","tag":"img"}]});
   AdobeEdge.loadComposition('main_master', 'main_master', {
    scaleToFit: "width",
    centerStage: "horizontal",
    bScaleToParent:true,
    minW: "0",
    maxW: "undefined",
    width: "940px",
    height: "260"
}, {"dom":[{"rect":["410px","70px","120px","120px","auto","auto"],"id":"preloader42","fill": ["rgba(0,0,0,0)","images/preloader42.gif","0px","0px"],"type":"image","tag":"img"}]}, {"dom":[{"rect":["0px","0px","940px","260px","auto","auto"],"id":"main_master_stat","fill ":["rgba(0,0,0,0)","images/main_master_stat.png","0px","0px"],"type":"image","tag":"img"}] });
     AdobeEdge.bootstrapCallback(function(compId) {
console.log("Composition loaded...", compId);
Ironically, I havent had such a problem before, current website with older animations works correctly:
Aspekt

After some more research, my problem is slightly different from the original post. I'm using setTimeout to stagger the load times of multiple compositions. I'm using bScaleToParent: true to resize the individual compositions within their divs. HOWEVER, if a div's display is hidden when the edge comp is loaded, the composition defaults to the minWidth as set in Edge Animate, and only resizes when the viewport is resized.
I'm working around this by setting the opacity of the hidden divs to 0 instead of the display to none.... but it is NOT ideal.

How do I use edge commons composition loader to load multiple compositions with a next and back button?

I am working on an interactive book and have set up each page as a separate composition in edge.
I am using the edge commons JS library to load multiple compositions into a main composition.
You can see how this works here: Edge Commons - Extension Library for Edge Animate and Edge Reflow | EdgeDocks.com
The way the edge commons tutorial is set up requires a button for each composition i want to load. I am interested in loading multiple compositions with a "next" and "back" button, and a "swipe left, "swipe right" gesture on the content symbol that each composition is loaded into. I also need the swipe features on the content symbol not to interfere with the interactive elements on the loaded composition.
Please suggest a solution that will work without adding additional scripts beyond edge commons and jquery.

Sort of. I'm using this code inside an action for a button symbol. But it doesn't work perfectly. Trying to debug it.
Let me know if you have any luck.
//Check to see if pageCounter already exists
if (typeof EC.pageCounter === 'undefined') {
// it doesn't exist so initialize it to first page
EC.pageCounter = 2;
//check if the page is only 1 digit -- patch for single digit
if (EC.pageCounter < 9) {
// it is, so we need to pad a 0 on the front.
EC.pageCounterString = "0" + EC.pageCounter;
//e.g. 01 ...09,11,12,13....115,222352,,....
else {
EC.pageCounterString = EC.pageCounter;
EC.loadComposition(EC.pageCounterString + "/publish/web/" + EC.pageCounterString + ".html", sym.$("container"));
EC.pageCounter = EC.pageCounter + 1;
//TODO for back -1

Multiple compositions and vimeo with autoplay

Hello guys i am using this code for rotate multiple compositions, :
http://blogs.adobe.com/edge/2012/05/15/bootstrapping-edge-compositions/
my questions is is there any way to start my first comp, when it finish , in the same div play vimeo with autoplay and when it finish , start a third composition ?
Thanks very much.

Any?

Issue with last-page-first Body (header of second page repeating)

Hi,
I am generating some invoice document and there is tax section at the end of document.Invoice can be one page document or it can be multiple pages document.I also have separate header and footer for first page and then for subsequence pages.
Assume that it is only one page and there is sufficient space left to display Tax tables. I am using
------Section Break (Continuous)--------
<?start@last-page-first:body?><?end body?>
<?call tax template?>
This approach works fine when document is more than one page. Moment I get only one page for my invoice it uses the header of second page.
I already tried <?start@last-page:body?><?end body?> tag but it moves it to the next page and I want it in continuation.
Below is the snippet of template
<?start:body?>
first page header
<?if:ITEM = 'PARTS'?>
<?call-template: pt_template?>
<?end if?>
<?if:ITEM = 'TM'?>
<?call-template: tnm_template?>
<?end if?>
<?end body?>
---SECTION BREAK (CONTINUOUS)-----
<?start@last-page-first:body?><?end body?>
<?call-template: tax_template?>
<?template:tax_template?>
Please advise if any option is available.

Hi
1.Check the Paragraph FOrmat . Character Format ( the smartstyle) that you have assigned to the last page.
2. if it is the Terms and conditons page , check the text module (SO10) and its corresponding SmartStyle (paragraph format,character format).
See if u have used Underline in the style..
surya

Help me download pdf without going through Pages first

SO I was in a hurry one day. A window pooped up asking how I wanted to open a .pdf I clicked down to Pages (because I erroneously thought it would save me time moving the info to a thesis paper.) I must have also clicked do this every time, because well, it tries (and fails) everytime.
I have already done the trick where you click on any pdf file
go to the Open with: menu and change it to preview (or adobe, whatever)
then click change all
but the computer still tries (and fails) to open it with Pages first.
I can click on the pdf in my download folder and it opens correctly now, though
so how do I get it to stop using pages when it first downloads?
thanks in advance

Hi...
G4 Mac OS X (10.3.x)
Which version of Safari do you have installed? If you aren't sure, click Safari / About Safari from the menu bar.
Try the instructions here for PDF's.
http://www.ehow.com/how2033328view-pdf-files.html
Carolyn

Multiple compositions as overlapping divs

Hello,
My first question on this forum and I could really use some help with this. Have been stuck on finding a solution, for well over a week.
I am trying to overlap multiple compositions in an Adobe Edge Animate project (I am using Edge Animate CC 2014.1.1).
Basically I am trying to achieve the effect shown in the image below (where the blue stage is my main stage - first composition being loaded, the red is the second and the green is the third):
I added a link to my Edge Animate project files below (I modified the main.html file to accomodate three compositions).
In raw HTML, this can be very easily achieved by using a <div> that is has "position:relative" (it would be the blue area) and nesting two divs with "position:absolute" inside it (the red and the green). My problem is getting the same effect in Edge and loading a composition in each of the two overlapping divs.
In my Edge project, main file, I have three stage divs:
<div id="StageA" class="EDGE-222475028"></div>
<div id="StageB" class="EDGE-222542206"></div>
<div id="StageC" class="EDGE-222622471"></div>
StageA would be the main container div (blue), StageB the first nested one (red) and StageC the third (green) positioned at the right margin of the main container.
I was not able to apply the same overlapping concept to Edge stage divs, as in my raw HTML example.
How can I achieve this?
Edge project files: https://www.dropbox.com/s/qj8jbrrrnbleozp/overlapping_multiple_compositions.zip?dl=0
Thank you,
Chris

Can you share the actual project files, so that we can help you out?
You may PM me the uploaded zipped file link, if you don't wish to share your project publicly here.

How do I print multiple copies of a page in a PDF File?

How do I print multiple copies of a page in a PDF File? For some reason I tell it to print, for example, 3 or 4 copies of a certain page and it will only print one copy!!!

OS X 10.9.5Adobe Reader 11.0.10
I increase the number of copies to 3, 4, or 5 (etc.) but it would still only print one copy of the designated page/pages.
From: pwillener <[email protected]>
To: Caren Harris <[email protected]>
Sent: Friday, March 6, 2015 9:17 PM
Subject: How do I print multiple copies of a page in a PDF File?
How do I print multiple copies of a page in a PDF File?
created by pwillener in Adobe Reader - View the full discussionOperating system? Reader version? If the reply above answers your question, please take a moment to mark this answer as correct by visiting: https://forums.adobe.com/message/7262032#7262032 and clicking ‘Correct’ below the answer Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Please note that the Adobe Forums do not accept email attachments. If you want to embed an image in your message please visit the thread in the forum and click the camera icon: https://forums.adobe.com/message/7262032#7262032 To unsubscribe from this thread, please visit the message page at , click "Following" at the top right, & "Stop Following" Start a new discussion in Adobe Reader by email or at Adobe Community For more information about maintaining your forum email notifications please go to https://forums.adobe.com/thread/1516624.

Some web pages do not stop loading

When I am browsing the internet certain web pages do not stop loading at all; the activity icon rotates continuously and when this happens my CPU loads go to around 25-30% continuously across all my cores (2 or 4 depending on the machine I am using) vs. around 2% if a page loaded completely. So this situation is wasting electricity and heating up my machines unnecessarily.
I am using the latest version of Firefox 5 within openSUSE linux 11.3 and 11.4, as well as in Win XP and 7 Ultimate on two separate computers, both desktops.
The problem is the same in any of the OS's I use in either machine, and what is worse, it is happening since some of the last iterations of Firefox 3.6, and then 4 as well.
Disabling all privacy settings individually, or in any combination, do not stop the problem. Nor can I eliminate it by disabling Java, or by using the latest Flash and Adobe Reader versions.
Fortunately, this does not happen in all web sites. Others might load the initial page, but stop loading all subsequent pages within that site or just a few. businessweek.com behaves in this last way.
If I manually stop the loading, as far as I can tell the entire page loaded completely from the first moment. Everything is in there; so apparently there is (are) some kind of a common process(es) where Firefox enters a never-ending loop.

I have the problem using Firefox 8.0.1.
Particularly when loading any '''https:// '''websites and control panels.
This occurs in XP Pro SP3 / Windows Vista Ultimate / and Windows 7 Ultimate.
This did not occur in Firefox 8.0

Multiple compositions on a page: first comp stops playing

Similar Messages

Maybe you are looking for