How to run an Edge Animate animation on SharePoint 2007

Hi,
I have an Edge Animate animation that I can't figure out how to setup to run on SharePoint 2007.
I have tried using a Content Editor Webpart but untill now without any luck.
I hope someone in here will be able to help.
Right now my code look like this;
<html>
<head>
    <style>
.edgeframe {
    background: #FFF;
margin-top: 0px;
    </style>
</head>
<body>
<div class="edgeframe">
<object id="EdgeID" type="text/html"   width="960" height="700" src="http://fls-teamsites/application/SPoudemo5/TSETdevelopment/Shared%20Documents/ten_commandm ents_its.html">
</object>
</div>
</body>
</html>
I'm really hoping that someone will be able help me with this task.
Br,
Thomas

Object tag takes "data" attribute instead of "src". Try changing it.
<object id="EdgeID" type="text/html" width="960" height="700" data="http://fls-teamsites/application/SPoudemo5/TSETdevelopment/Shared%20Documents/ten_commandm ents_its.html">

Similar Messages

How to run Adobe Edge Animate publish locally without webserver?

My project will never touch the internet and we aren't allowed to install any webservers or any software.
V/R,
Andrew

Sounds unusual Andrew - no software at all? Not even a browser? If you can't install anything I dont think you will be able to use Animate projects. They need to run in a browser - that is specifically what the app was designed for.
You could run something without it accessing the internet by placing all needed dependant file on a local server, but that still requires a local web server.

How do I maintain responsive scaling on an edge animate animation when I insert it into dreamweaver?

How do I maintain responsive scaling on an edge animate animation when I insert it into dreamweaver? Please and thank you!

example.com is a generic http:// address to illustrate the difference between what you gave, file:/// and an actual URL address. There are no tutorials on that site. Sorry for the confusion.
#1 Have you procured your domain name and web hosting yet? You'll need to do that to publish your pages online.
#2 When you sign-up for web hosting, the company will send you FTP log-in credentials to your site's web server. You will enter this info into your DW Site Definition. Site > New Site > See screenshots below:
Under Servers: Root Directory is whatever your hosting company tells you to use. This varies by web host. Some commonly used ones are public_html, www or htdocs.
After your site definition is set-up, hit the TEST button to confirm it's working. If it's not connecting, go to More Options.
Go to the Files Panel (F8). Use the UP Arrow to PUT files to remote server.
Use the DOWN Arrow to GET files from server to your local site folder.
Post back when you have finished uploading your work to the remote server.
Nancy O

How do you upload Edge Animate on Adobe CDN?

How do you upload Edge Animate on Adobe CDN?

Hi Darrell,
I'm using an exciting new software package called www.webflow.com and I asked the following question in a forum:
Hi,
How would you add this Edge Animate to Webflow? Is it possible?http://html.adobe.com/edge/animate/showcase/interactive-marquee/11
The files are available here: http://html.adobe.com/edge/animate/showcase.html6
Edge Animate gives you a few different option for publishing:
The drop down that you see in the image next to "Chrome Frame Installer" has three options:
Now Prompt
iFrame Prompt
Overlay Prompt
These are the files saved when only "Publish content as static HTML" is checked. See "Publish Settings" image:
Is it possible to add this animation to a Webflow site?
If yes, any suggestions on how would be greatly appreciated.
Thanks,
Todd
Here's Sergie's reply:
Hi @TStanwood, it's possible, but the only way to do it is if you host your files on Adobe CDN or if you host it on your own server and then display an iframe with the index file in Webflow.
That's the way to do it before we allow for hosting of non-image files on Webflow.
After you have them hosted on your own server you can follow these instructions found on the Adobe forums:http://forums.adobe.com/thread/1166851
You'll have to add this to your head code:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="Bannerad_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-160548878 { visibility:hidden; }
    </style>

Replace Bannerad_edgePreload.js with the link to your server and the edge js file.
And in the Webflow add a div block with the class EDGE-160548878 and id stage and the .js file should inject your html animation file into this div block.
<div id="Stage" class="EDGE-160548878">
</div>
I don't have a server to upload the files to. I really don't even know what any of this means.
I'm wondering how and where I can upload the Edge Animate files to and then link to it by following the instructions above.
Any help would be appreciated.
Thanks,
Todd

How do i add Edge animate .oam files to Fixed Layouts Epubs in Indesign cc 2014?

How do i add Edge animate .oam files to Fixed Layouts Epubs in Indesign?

Hi,
There is a bug on iOS7 which does not let edge animate work correctly here. This issue will happen on iPad and not on Mac OS.
There is a similar thread that explains in detail this issue you are facing:
https://forums.adobe.com/thread/1513879
Regards,
Pooja

Error with Edge Animate animations

Muse 7 Get an Error when opening a page with an Edge Animate animation. This didn't happen with the earlier version of Muse. Error is "MuseJSAsset: Error calling selector function: TypeError: 'undefined' is not a function (evaluating 'Muse.Utils.initializeAnimations()" See screen shot.
MacOSX Mavericks.
ted

Hi Ted,
Can you send me your .muse file and .oam file to [email protected] with the subject attn: Dana and a link to this thread?
Thanks,
Dana

Is it possible to place an Adobe Edge Animate animation into an Interactive PDF?

Hello all,
At the moment, this seems to be the biggest InDesign mystery to me...
Is it possible to place an Adobe Edge Animate animation into an Interactive PDF?
I have not been able to find anything on this. Thanks for any insight you can provide.

No.

How to get an edge animate to loop continuously

How to get an edge animate to loop continuously

Please check the search feature on the forums - plenty of results there.

Bug. Can't put two Edge Animate animations on same page

Alrighty. Just thanked Adobe for fixing responsive scaling issue. Now there seems to be a new one. When I put two Edge Animate animations on the same page, they both disappear entirely from view! Both in live view (or what was fluid grid view) and when trying to preview in any browser. The responsive design is working great but if I put two animations on the same page they both just disappear! GONE!
Maybe there is some code I can use to stop this from happening. I have done a number of tests over the last hour or so. My smile (from the responsive fix) is now a frown again. I can not continue to work like this. Please let me know if there is something I am doing wrong. I could have two animations in one page no worries before this release but the responsive design wasn't working properly. NOW the responsive design works but I can not have MORE THAN ONE ANIMATION on same page. Thanks for your time. Kind regards Julian.

Hi Julian,
First, in general, you can't create two instances of the same edge composition (this is not supported by EdgeRuntime), to be used in the same file.
But if you want to use same composition multiple times, then follow the steps to create multiple copies to be treated as multiple instances:
    1. Open the composition whose multiple instance you want to use.
    2. Change the "Composition Class" to some other value
    3. Do a SaveAs and save it to create another copy of the same composition. // This copy can be treated as an instance.
    4. Repeat the steps 2 to 4, to create multiple copies of the same composition, and you will end up creating multiple instances.
Second, you need to do small changes manually in the DreamWeaver html file.
    So, right now if you import two Edge Compositions in the html page, it will come as follow in the html <head/> section:
Before Modification: Dropbox - problem.rar

<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<script>
var custHtmlRoot="Untitled-1/Assets/";
var script = document.createElement('script');
script.type= "text/javascript";
script.src = custHtmlRoot+"edge_includes/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;
var opts ={
    scaleToFit: "width",
    centerStage: "none",
    minW: "0",
    maxW: "undefined",
    width: "550px",
    height: "400px"
opts.htmlRoot =custHtmlRoot;
AdobeEdge.loadComposition('Untitled-1', 'EDGE-1372833673', opts,
{"dom":{}}, {"dom":{}});
script.onload = script.onreadystatechange = null;
head.removeChild(script);
head.appendChild(script);
</script>
<style>
        .edgeLoad-EDGE-1372833673 { visibility:hidden; }
    </style>


<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<script>
var custHtmlRoot="Untitled-2/Assets/";
var script = document.createElement('script');
script.type= "text/javascript";
script.src = custHtmlRoot+"edge_includes/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;
var opts ={
    scaleToFit: "width",
    centerStage: "none",
    minW: "0",
    maxW: "undefined",
    width: "550px",
    height: "400px"
opts.htmlRoot =custHtmlRoot;
AdobeEdge.loadComposition('Untitled-2', 'EDGE-1372913196', opts,
{"dom":{}}, {"dom":{}});
script.onload = script.onreadystatechange = null;
head.removeChild(script);
head.appendChild(script);
</script>
<style>
        .edgeLoad-EDGE-1372913196 { visibility:hidden; }
    </style>

After Modification:Dropbox - resolved.rar

<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<script>
var custHtmlRoot="Untitled-1/Assets/";
var script = document.createElement('script');
script.type= "text/javascript";
script.src = custHtmlRoot+"edge_includes/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;
var opts ={
scaleToFit: "width",
centerStage: "none",
minW: "0",
maxW: "undefined",
width: "550px",
height: "400px"
opts.htmlRoot =custHtmlRoot;
AdobeEdge.loadComposition('Untitled-1', 'EDGE-1372833673', opts,
{"dom":{}}, {"dom":{}});
script.onload = script.onreadystatechange = null;
head.removeChild(script);
//For 2nd Composition
(function(){
var custHtmlRoot = "Untitled-2/Assets/";
var opts = {
scaleToFit: "width",
centerStage: "none",
minW: "0",
maxW: "undefined",
width: "550px",
height: "400px"
opts.htmlRoot =custHtmlRoot;
AdobeEdge.loadComposition('Untitled-2', 'EDGE-1372913196', opts, {"dom":{}}, {"dom":{}});
head.appendChild(script);
</script>
<style>
        .edgeLoad-EDGE-1372833673 { visibility:hidden; }
        .edgeLoad-EDGE-1372913196 { visibility:hidden; } /* Styles from both composition can be merged together, optional but good practice */
    </style>

Do let me know in case if it doesn't work.
hope it helps,
Vivekuma

How can someone without Edge Animate see an animation if I don't upload it to a website yet?

So I just got Adobe Edge Animate CC and I've watched a few videos about the different saving options but I don't talk HTML/code or anything like that so I just want to make sure I'm doing things right. I designed and animated a banner and I have to send this to the webmaster where he will put the banner online but I want to make sure before I send anything that he will ble able to view the animation even without having Adobe Edge or not using Dreamwaever or Muse or any Adobe program. Just like a photo in Photoshop can be saved in jpeg, png. etc. I wanted to know if there is a file extension that can be opened with Flash or some other software that people don't need to pay for in order to watch my products.
I don't want to upload the banner and then find out it needs edits- that's why I'd like others to be able to see rought cuts.
Thanks for your help!
Andrea

Hi, PR-
You would upload it the way you would upload any set of files to your web server. Some companies have them set up as network shares, some have them set up so that you log in with an FTP or SFTP account, and some have them set up so that you use SCP or a similar protocol. Basically, you will want to publish to web and then take the contents of the publish/web/ directory and put them into a directory on your webserver.
Hope that helps,
-Elaine

How do you add Edge Animate to HTML Module using DotNetNuke (DNN)?

First off I'm new to the whole web design/coding/html/css/jquery/etc., and the program Edge Animate is amazing!
I have a site up using DNN and wanted to put what I created on Animate onto one of the pages. I added an HTML module and that's where I'm stuck.
I do not know where to get the complete code so it works, and I do not know where to upload the Animate files. When it comes to creating the thing, I can manage (by reading ALOT), but when it comes to implamenting I am just stumped.
Any idea?
If you need more specific info just give the word, and I'll try my best.
Thanks,
Moses G.

There are four basic steps needed to embed an Edge Animate composition into an existing page:
Publish from Edge Animate. (This creates the necessary files to run the animation. Also, the code referenced in Step 2 and 3 below will be included in the .html file that Animate creates inside the publish/web folder, which you can just copy/paste.)
Add a <div> to the page that has the ID of Stage and the correct class name for your stage (i.e. the "Composition ID" for your project in Animate).
For example:
<div id="Stage" class="EDGE-1655086"></div>
Include the Preload .js file and the default style in your page's header, within Edge Runtime HTML comments.
For example:

<script type="text/javascript" charset="utf-8" src="test-1655086_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-1655086 { display:none; }
</style>

Make sure to upload all of the include files to your server in the appropriate relative locations. This includes the _edge.js files, _edgeActions.js file, _edgePreload.js file, the edge_includes folder and its contents, any other files/folders created inside the "publish/web" folder when you publish from Edge Animate (e.g. "images" folder, etc.).
Here is a very simple example that will hopefully help to clarify:
http://thetraininggrounds.com/An-test/Insert-An-into-existing-page.html
As a reference, these are all of the files involved in the example:
An-test/Insert-An-into-existing-page.html (the existing HTML page)
An-test/ball-bouncing-banner_edge.js
An-test/ball-bouncing-banner_edgeActions.js
An-test/ball-bouncing-banner_edgePreload.js
An-test/edge_includes/edge.1.0.0.min.js
An-test/edge_includes/jquery.easing.1.3.js
An-test/edge_includes/jquery-1.7.1.min.js
An-test/edge_includes/json2_min.js
Thanks
Harshit yadav

Edge Animate animations appearing on top of everything in Captivate 8 project

When I create an animation in Adobe Edge Animate, and then insert that animation into my Captivate 8 project, it appears on top of everything: TOC, glossary, interactions, etc. I've clearly reordered the objects in the timeline so that the OAM file will appear on the bottom, but still when I publish the project, the animation appears on top of everything. Why? Is this a known bug in Captivate 8? Maybe I'm not doing something right Animate, but this is extremely irritating. How can I fix this?

Hi bs234906
I am having the exact same issue so not sure if it something we're doing wrong or it is a bug? I think it may have something to do with the <div>'s inside of Edge but not sure? Would love to find out the answer.

Embed Edge Animate animation into a Powerpoint presentation?

Is there a way to embed the animation I created into a Powerpoint presentation. My client wants a rather detailed animation and I know I can do it in Edge Animate, but how can they use it in their presentation? Is there any workaround for this? All help is really appreciated.

I don't think powerpoint supports html.
But you can insert video in slides.
So, better you create Edge Animate composition and preview in browser in fullscreen mode and use any screen capture software that will create a video out of it.
Then insert this video in the slides to have the animation.
hope it helps,
Vivekuma

Edge Animate Animation Flickering in IE 11 only

Im using Adobe Edge Animate CC 2014.0.1. I've created a basic keyframe 20 or so png animation with one sound effect in it. All on the main timeline. When published both locally and and on our staging server the animation flickers but only in IE 11. IE 10 is fine as well as Firefox, Chrome and Safari. There isn't any code added it's strictly a series of images on the the timeline spaced out for timing and one sound effect plays at a certain point. I've even removed the sound effect but that doesn't change the flickering. Any help would be greatly appreciated!

nope. no fade. i make the images go from 0% opacity to 100% to hide the previous image and make the current image visible.

How to get an edge animate into a dreamweaver site

I need to get an edge animate slide show into a site I built in dreamweaver. All I see is information about sharing it with Muse.

See
- How to use Edge Animate content in your site built with Dreamweaver | Adobe Dreamweaver CC tutorials
- Dreamweaver Help | Import Edge Animate compositions
hth
Darrell

How to run an Edge Animate animation on SharePoint 2007

Similar Messages

Maybe you are looking for