How do I link a google drive edge animate project to an iframe?

I have a simple edge animate project as a test. It has the following files in the root:
edge_includes folder containing 3 images and edge.5.0.1.min.js
project.html
project_edge.js
I want to be able to have these files stored on google drive (or dropbox or alternative) and link to them through an iframe on my website. I've tried doing this by keeping the file structure the same on google drive and just referencing the shared link of the html file, but the project will not work.
I've also tried replacing the src links of the edge.5.0.1.min.js file and the image files to their shared links on the google drive. This didn't work either.
Is there any way to host the files externally and have them still reference each other properly so the html file can be linked into an iframe on a different site?
Many thanks in advance
Barry

Just to add the relevant requested information:
I am using the latest version of Edge animate (2014.1)
Google chrome (and IE desktop not metro as backup)
If anyone wants to see the file then I'm happy to link to it, but I don't think the question really warrants it.
Thanks again.

Similar Messages

How to pass javascript variables into an Edge Animate project from HTML

I have just about got the basics nailed for Edge Animate now - coming from a Flash background it's been fairly straight forward, nice work so far (but more on that later)
I have had to build a "promoted items" slider for the homepage on one of our sites....previously this would have been a flash animation but, hey ho .
I originally built it as a jQuery extension/plugin but found it too time consuming to make minor alterations - that's where Edge came in and SEEMED to fill the job pretty well.
Now for the moment i'll put on hold the whole issue about how we NEED to be able to work with dom-level elements directly on the page (eg, animating divs and images within a ul-li structure which is how these things usually work) and concentrate on the Edge specific issue...
I've seen a few people asking this same question, but none of the answers either a) work at all for me , or b) are good enough for what I need to do.
see previous solutions here http://support.muse.adobe.com/message/4658175 and here : http://forums.adobe.com/thread/1065343
My project uses an internal array of data, and while in "preview" mode it works reasonably well.
in the Stage creationComplete event i have Edge code like, for example :
   var imagesArray = ["images/img1.jpg", "images/img2.jpg", "images/img3.jpg"];
   var headlinesArray = ["product 1", "product 2", "product 3"];
   var subTxtArray = ["lovely widgets", "smelly doo-dads", "purple whatchamacallits"];
   var linksArray = ["http://www.adobe.com", "http://www.adobe.co.uk", "http://www.adobe.net"];
   //variables set to full internal scope, used immediately after this and called from sub-elements afterwards
   sym.getComposition().getStage().setVariable("imagesArrayData", imagesArray);
this code obviously needs to be changed via the HTML page that is calling it.
IDEALLY i would have these elements already on the page ( <div><h1>Product 1</h1><img src=".... etc ) and then jquery it to hell to make it look funky. This is how we NEED to be doing it in the future...that way our content is still searchable and findable by search bots etc. Edge will output a "static" version of the page, i tried that, but it won't work for dynamically built objects. There's no way i've found of building an array of Symbols based on the existing DOM structure like you can do in jQuery itself.
however, in the meantime i'll settle for being able to set a javascript call up somewhere - like the old flashvars solution (which was horrible fudge, but worked as a way to get data into a project )
i'd REALLY rather not use an internal jSon call .... it's adding uneccessary bandwidth and additional server processing when the data it needs has already been retrieved from the database when the HTML page is drawn - AND it means i need to make sure that the json producing web service gets ported accross to any other projects that use this same "slider"
i've tried removing the internal declaration and changing my HTML to :
<script>
var imagesArray = ["images/img1.jpg", "images/img2.jpg", "images/img3.jpg"];
   var headlinesArray = ["product 1", "product 2", "product 3"];
   var subTxtArray = ["lovely widgets", "smelly doo-dads", "purple whatchamacallits"];
   var linksArray = ["http://www.adobe.com", "http://www.adobe.co.uk", "http://www.adobe.net"];
</script>

     <script type="text/javascript" charset="utf-8" src="index_edgePreload.js"></script>
etc
but this hasn't worked.
i'm going to attempt the solution using
AdobeEdge.bootstrapCallback(function(compId) { ....
as found on http://forums.adobe.com/thread/1065343
but this doesnt explain how to set up Stage level variables, rather than targeting a specific Edge property
Anyone got any ideas? Or do I just scrap the project?
IMHO : Adobe need to be careful of falling into the same mindset that most of the anti-flash brigade have.
Please remember that Flash is used for WAY more than just adverts.
At the moment, Edge will work great as a way to put a simple animation onto the page with REALLY basic interactivity - suitable for a basic advert - but we need our HTML5 animations and scripts to be fully dynamic, data-driven, and portable, and preferably using existing DOM elements.
One last thing, any chance of a feature to say "my page already uses jQuery, don't import Edge's own outdated version"
Message was edited by: j1mp

I have just about got the basics nailed for Edge Animate now - coming from a Flash background it's been fairly straight forward, nice work so far (but more on that later)
I have had to build a "promoted items" slider for the homepage on one of our sites....previously this would have been a flash animation but, hey ho .
I originally built it as a jQuery extension/plugin but found it too time consuming to make minor alterations - that's where Edge came in and SEEMED to fill the job pretty well.
Now for the moment i'll put on hold the whole issue about how we NEED to be able to work with dom-level elements directly on the page (eg, animating divs and images within a ul-li structure which is how these things usually work) and concentrate on the Edge specific issue...
I've seen a few people asking this same question, but none of the answers either a) work at all for me , or b) are good enough for what I need to do.
see previous solutions here http://support.muse.adobe.com/message/4658175 and here : http://forums.adobe.com/thread/1065343
My project uses an internal array of data, and while in "preview" mode it works reasonably well.
in the Stage creationComplete event i have Edge code like, for example :
   var imagesArray = ["images/img1.jpg", "images/img2.jpg", "images/img3.jpg"];
   var headlinesArray = ["product 1", "product 2", "product 3"];
   var subTxtArray = ["lovely widgets", "smelly doo-dads", "purple whatchamacallits"];
   var linksArray = ["http://www.adobe.com", "http://www.adobe.co.uk", "http://www.adobe.net"];
   //variables set to full internal scope, used immediately after this and called from sub-elements afterwards
   sym.getComposition().getStage().setVariable("imagesArrayData", imagesArray);
this code obviously needs to be changed via the HTML page that is calling it.
IDEALLY i would have these elements already on the page ( <div><h1>Product 1</h1><img src=".... etc ) and then jquery it to hell to make it look funky. This is how we NEED to be doing it in the future...that way our content is still searchable and findable by search bots etc. Edge will output a "static" version of the page, i tried that, but it won't work for dynamically built objects. There's no way i've found of building an array of Symbols based on the existing DOM structure like you can do in jQuery itself.
however, in the meantime i'll settle for being able to set a javascript call up somewhere - like the old flashvars solution (which was horrible fudge, but worked as a way to get data into a project )
i'd REALLY rather not use an internal jSon call .... it's adding uneccessary bandwidth and additional server processing when the data it needs has already been retrieved from the database when the HTML page is drawn - AND it means i need to make sure that the json producing web service gets ported accross to any other projects that use this same "slider"
i've tried removing the internal declaration and changing my HTML to :
<script>
var imagesArray = ["images/img1.jpg", "images/img2.jpg", "images/img3.jpg"];
   var headlinesArray = ["product 1", "product 2", "product 3"];
   var subTxtArray = ["lovely widgets", "smelly doo-dads", "purple whatchamacallits"];
   var linksArray = ["http://www.adobe.com", "http://www.adobe.co.uk", "http://www.adobe.net"];
</script>

     <script type="text/javascript" charset="utf-8" src="index_edgePreload.js"></script>
etc
but this hasn't worked.
i'm going to attempt the solution using
AdobeEdge.bootstrapCallback(function(compId) { ....
as found on http://forums.adobe.com/thread/1065343
but this doesnt explain how to set up Stage level variables, rather than targeting a specific Edge property
Anyone got any ideas? Or do I just scrap the project?
IMHO : Adobe need to be careful of falling into the same mindset that most of the anti-flash brigade have.
Please remember that Flash is used for WAY more than just adverts.
At the moment, Edge will work great as a way to put a simple animation onto the page with REALLY basic interactivity - suitable for a basic advert - but we need our HTML5 animations and scripts to be fully dynamic, data-driven, and portable, and preferably using existing DOM elements.
One last thing, any chance of a feature to say "my page already uses jQuery, don't import Edge's own outdated version"
Message was edited by: j1mp

How to adjust bullet points in Adobe Edge Animate?

How to adjust bullet points in Adobe Edge Animate?
when a bullet point is long and does not fit in one line it apears in the next line unaligned.

Hi Elaine,
Yes, the only way I have discovered so far is using HTML and force it on stage based on my text width size, otherwise bullet list won't be align vertically. This is how currently I do it:
sym.$("text1").html("<br>● Lorem ipsum dolor sit amet, consectetur adipisicing elit<br>   Lorem ipsum dolor sit amet, consectetur adipisicing elit <br>● Lorem ipsum dolor sit amet, consectetur adipisicing elit")
Thank you for your help in advance.
Sean

How to add Creative Commons code from GitHub to my Edge Animate project?

Hi there!
I am pretty new to Edge Animate, and I am trying to figure out how to add in a GitHub Creative Commons html code to my Edge Animate project.
I have a feeling there is an easy solution- which I can't seem to figure out...
Thanks in advance!

Yes- thanks for asking!
I would like to use an html code that is available in the GitHub Creative Commons library. I would like to import the html code for the collapsable force layout from the Creative Commons GitHub library found here: http://bl.ocks.org/mbostock/1062288#index.html into my Edge Animate project.
I am hoping that once I have been able to import this code, that I can than use Edge Animate to customize how it is displaying- i.e. add call-out boxes to the bubbles etc.
Any advice you may have would be greatly appreciated!

How do I turn an entire Edge Animate project into a symbol

I have created an Edge Animate project that features a short animated tutorial for our website. Now I realize that I would like to incorporate that project inside a larger project. Is there any way to convert the entire tutorial into a symbol that can be added to the larger project?
Thanks
Paul

Hi, Paul-
You'll need to do a little bit of wrangling to make this happen, but the easiest thing to do is:
Select everything in your elements panel and convert to symbol
Transfer all of your triggers by highlighting them all in your main timeline and cutting (Ctrl/Cmd-X), then:
Open your symbol
Move the playhead to the time location of your first trigger
Paste (Ctrl/Cmd-V)
Transfer all of your timeline-based and stage-based code manually
Hopefully that helps - it's a little bit of a pain if you have a lot of code involved, but if you only have timeline-based things, most can be cut and pasted over.
-Elaine

First Edge Animate project!

http://www.publico.pt/multimedia/infografia/guerra-na-siria-ja-obrigou-6-milhoes-a-fugir-6 9

Hi. Some are made by Hype and Flash, but most with Edge. If you click them and choose "view source" you can tell which one.
Kjell Erik
Den 3. juni 2013 kl. 13:41 skrev catia mendonca <[email protected]>:
Re: First Edge Animate project!
created by catia mendonca in Edge Animate - View the full discussion
Are they all made with Edge?
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5374464#5374464
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: http://forums.adobe.com/message/5374464#5374464
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5374464#5374464. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Edge Animate by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

The best way to import video in Edge Animate project?

What is the best way to add video and audio in Edge ANimate project?
Thanks
Ares

Hi,
Can you check out the answers on this forum thread, and let us know if it helped you?
Can I import video into Edge? (http://forums.adobe.com/message/4352262)
Thanks,
Preran

What is the best way to manage file structure in an Edge Animate project

I started an Edge Animate project, but halfway through I realized that one of the folders I created was misspelled. In Windows Explorer, I renamed the folder, but that caused the Edge Animate project keep crashing. Is there a way to manage/edit the file structure of a project within Edge Animate? If not, is it possible to make alterations to the project's file structure in Windows Explorer without causing errors in Edge Animate?
Thanks,
Paul

Does anyone have any comments or know of any possible solutions for this?

Typekit fonts not working after Edge Animate project is published

Hi, I have added Myriad from Typekit to a Edge Animate project and after applying the font it looks great and even when I 'View in Browser' it works fine.
My problem is after publishing, the font defaults to it's fallback font (Serif-Sans) overtime in every browser.
Am I missing a step in the process of publishing?

Hi Nathan,
I'm sorry that you ran into trouble with this. The fonts may not be loading because the published website uses a different domain name than your development site. Please make sure you have added the published/live domain name to the domain listing on your kit.
To add domains, go to https://typekit.com/account/kits and launch your Kit Editor. Click Kit Settings in the upper right corner and add your domain to the domains field, then save your settings. When you're done, republish your kit. The fonts will be available on the new domain within a few minutes of republishing.
If that doesn't solve the problem, would you share the project URL so we can take a look? If you don't want to post it on the forum, you can email Typekit Support directly at [email protected]
Thanks!
-- liz

How do I remove all Google Drive files stored on my MacBook?

I used my MacBook as my work laptop and thus we all use Google Drive there. However recently I've moved jobs and no longer need access to Google drive files from that old work account anymore. I've gone through and disconnected my account at the top tool bar and also removed the Google Drive App from my Applications folder and my trash has been cleared of everything.
However, when I search in spotlight for 'Google Drive' loads of my old files still show up in the preview which I assume means theyre still stored on my Mac. How do I just simply remove everything like all folders/documents attached to that Google Drive account off my MacBook?
Thanks guys!

Log out of your Cloud account... Restart your computer... Log in to your paid Cloud account
-Sign in help http://helpx.adobe.com/x-productkb/policy-pricing/account-password-sign-faq.html
http://www.adobe.com/products/creativecloud/faq.html
http://helpx.adobe.com/creative-cloud/help/install-apps.html to install or uninstall
http://forums.adobe.com/community/download_install_setup/creative_cloud_faq
What it is http://helpx.adobe.com/creative-cloud/help/creative-cloud-desktop.html
Cloud Getting Started https://helpx.adobe.com/creative-cloud.html
-Install, update or UNinstall, and launch after installing

How to make something like this in Edge Animate?

Hi,
I'm hoping to make something like this – https://www.youtube.com/watch?v=OJeDppEHI1g – in Edge Animate but I'm not sure where to start.
I'm new to Edge but am keen to explore.
Anyone have any feedback on whether:
1. It's possible, and
2. What techniques/effects have been used.
Thanks!

Hi there and welcome,
Could you be a little more specific on what it is exactly that you would want to create? Most of what I can see from that website is doable in Edge Animate, but if you specify what it is you'd like to accomplish I could walk you through how to do it.
Thanks!

How do I pass a variable from edge animate to an external JS?

I need to pass a variable value from Edge Animate to an external JS file. How can I do it?

Not sure if this is the best way ,but works
Set the variable as a property of a global variable
Like
SET
window.myVar = 'your value';
AdobeEdge.myVar = 'your value';
Read
window.myVar
AdobeEdge.myVar

How do I use Typekit fonts within Edge Animate

I have applied a 'Pragmatica' Typekit font to a website. I'm using Edge animate to construct some pages and within these pages want to add Type; however, Edge Fonts does not include the Typekit font 'Pragmatica' and the instruction for the page to use Typekit seems not to filter through into the Edge animate section .... is there a way round this?

Hi, Trimmertop-
When you open up the Web Fonts viewer, you will see Edge Web Fonts by default. However, there is a tab next to it that says "Custom." You can stick in your kit code in that location.
-Elaine

How do I use an Edge Animate project with SVG files in InDesign for DPS output?

Is there any way to include an Edge Animate web content using .svg files in InDesign for output to DPS?
Edge Animate works great with InDesign, except for when you're using SVG files. I've worked with SVG files on the web successfully (writing .htaccess files and such), but it seems like InDesign doesn't like them.
This is pretty important because I don't want to have to design multiple renditions on the DPS suite. Currently I have it setup as a PDF format (DPS) and that scales all of the vector-based type perfectly. It would be wonderful if the animations could also be in a vector format so that when the iPad (3) users see the designs, they will scale naturally through the PDF framework.
Any advice would be invaluable.
Thanks!

moved to the DPS forum....

Can someone help me troubleshoot my Edge Animate project? nothing works!

https://dl.dropbox.com/u/3744225/Ruesterprod%20Edge%20Test.zip
I have my whole project in there... plus my portfolio_page div is using a jQuery plugin called Quicksand to filter some thumbnails/videos that I want to have work as well... (Here's a link to what that is supposed to look like: http://www.ruesterprod.com/edgeTest_c/ - click on the square green and black buttons )
I can't seem to get ANYTHING to work, except for a neat opening animation! I hope I'm not just a complete imbecile and missing totally obvious things!...
1) I've put a play action on my "portfolio_btn" but it won't play the requested label on my timeline...
2) I've tried linking local font files using the Edge Animate "Add fonts" menu because I was trying to create new button symbols to replace the button text I currently have (Thinking that might be part of issue #1 - Edge won't recognize the font files within the program - the fonts you see are from my original html file)
3) Is it possible to create symbols from my current html document's divs? Or how can I nest my divs into a symbol's timeline?
Thanks for any help at all! Even if I only get one of these issues fixed at a time that's totally awesome!!
Aza

Thanks soooo much Darrell!
1) ... that worked... slap to my forehead... d'oh!
2) I am currently using @font-face in my original html document (actually linked in another css file), but I was just trying to get Edge to recognize the fonts in it's text tool... might not be necessary now that issue #1 has been resolved
3) I'm basically trying to swap one div for another (As you might be able to see in my project file) and I was going to use nested timelines like in this tutorial: http://blogs.adobe.com/edge/2012/07/18/tutorial-leveraging-independent-symbol-timelines/ - Is there some other way of accomplishing this?
Thanks again, you rock!!

How do I link a google drive edge animate project to an iframe?

Similar Messages

Maybe you are looking for