How to embed Edge Animate 2014.1 object in html page?

Since there is no more *_edgePreload.js file, I don't know how to embed my animation into an html page. I don't wanna use iframe.

I am new to Edge Animate, and I've created my first project and I believe that it is nearly web ready. The problem is that I already have a site that was not built with Adobe products... again, I'm new here.
I have scoured the internet trying to find out how to implement this job into our site, but the only answers that I find are statements saying that it works with this builder or that one...or that it can be put in with Dreamweaver and instructions on how to do so.
We built this site using OptimizePress 2 (a site/page builder for WordPress) , and I would need to put in the created content that I am speaking of via a custom code/html block that I can put on the page in the location I desire the finished product to be located.
How do I go about adding the finished product to the site... is there a step by step list of instructions on how to do this? There will come a time soon where I will want to make pages using only Edge Animate content for things like landing pages, welcome pages, error pages, etc... but for now I would like to be able to put things in like this that I've built.
It's just a scrolling "ticker-style" schedule of our session hours. People seem to have trouble scrolling to find them, or even clicking on "Schedule" on our membership side, so we are putting it up in bright scrolling letters.
One of the guys that helps me with site work managed to get it here.... Trading Scheudle Roller but I need to get this to a code block (element as OP2 calls it) to display this in a particular location. I'm not sure if it's even done right the way he has it in there now
I'm sorry this got long winded, but any help...instruction or tutorial would be greatly appreciated.
Thank you,
Brandon D Gibbs
The Lion's Den Trading, LLC
https://thelionsdentrading.com

Similar Messages

How to insert Edge animate in current web html page

Just downloaded Edge Animate and trying to include animation.html in current website.html page using Adobe Edge Code preview but am not sure how to go about it not being a hard core programmer.... am i being too ambitious?

Thanks here is the code :
Animation code : in subdiretory off Root directory : AdobeEdge/Bannerad.html
<!DOCTYPE html>
<html>
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8"/>
          <title>Untitled</title>

    <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>

</head>
<body style="margin:0;padding:0;">
          <div id="Stage" class="EDGE-160548878">
          </div>
</body>
</html>
And segement of Accomodation.html page in root directory :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="Generator" content="iWeb 2.0.4" />
    <meta name="iWeb-Build" content="local-build-20130308" />
    <meta name="viewport" content="width=700" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8"/>
          <title>Untitled</title>
    <title>Accomodation</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="Accomodation_files/Accomodation.css" />
    <style type="text/css">
/*<![CDATA[*/
          @import "Scripts/Widgets/HTMLRegion/Paste.css";
/*]]>*/
</style>
    
    <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="AdobeEdge/Bannerad_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-160548878 { visibility:hidden; }
    </style>

    <script type="text/javascript" src="Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
    <script type="text/javascript" src="Scripts/iWebImage.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/HTMLRegion/Paste.js"></script>
    <script type="text/javascript" src="Accomodation_files/Accomodation.js"></script>
</head>
<body style="background: #000000; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; background: #fffde8; text-align: left; width: 700px; " id="body_content">
        <div style="margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div id="id1" style="height: 258px; left: 17px; position: absolute; top: 13px; width: 665px; z-index: 1; " class="style_SkipStroke">
            <div class="text-content graphic_shape_layout_style_default_External_665_258" style="padding: 0px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div> <p style="margin:0;padding:0;">
                     <div id="Stage" class="EDGE-160548878">
                         </div>
.................... etc.
thanks.

How to embed Labview-style charts objects into html pages?

Hello all,
I am building a C# (.Net) application that publishes html web pages. Certain pages must contain graphs that I refresh dynamically using select statement that query data from SQL SERVER databases. I like the look-and-feel of the Labview graphs and would like to know in details by which means I could embed them in my C# application. I have looked on the NI web site but aside of certain old articles about Components Works (CW) in Labview 8, have not found any other information on the subject.
Also are there alternate objects that you know on the market that would be more easily embeddable into html pages and still have the same functions as the Labview graphing objects?
Thanks a lot
Christophe

Hello Crist0phe,
Like tst mentioned it might be a good idea to have a look at Measurement Studio and evaluate it.
You can just download the trial version over here:
http://sine.ni.com/np/app/main/p/docid/nav-99/lang/nl/
FYI: You can consider Measurement Studio as the newer set of tools that replaced Component Works.
You could kind of consider it as a "next step" in evolution after Component Works.
Most .NET developers that use Measurement Studio also really like the WPF UI Controls, so for sure have a look at them while evaluating Measurement Studio.
Kind Regards,
Thierry C - Applications Engineering Specialist Northern European Region - National Instruments
CLD, CTA
If someone helped you, let them know. Mark as solved and/or give a kudo.

How to embed a swf video into an html page?

I am haing trouble embedding my swf video into my html page. Here is my code:
<embed height="340" width="549" src="flashvideos/test.swf" allowscriptaccess="always" allowfullscreen="true" flashvars="&MM_ComponentVersion=1&skinName=C:/Users/RogerPa1/Documents/Visual Studio 2008/WebSites/WebSite1/Products/Create/flashvideos&streamName=C:\Users\RogerPa1\Docum ents\Visual Studio 2008\WebSites\WebSite1\Products\Create\flashvideos\Robotics&autoPlay=true&autoRew ind=false"></embed>
When I run the page the place where the flash player should be is blank. But if I right click I can select settings so the flash player is there. I'm using absolute urls for the flashvars because I read in a forum that that's what you're supposed to do. Anyway I am a little frustrated that the video won't play. I tried creating a video with no skin and the same problem occurs.
Thank You
idesofdecember

Answered

Light box Edge Animate 2014.1.1

I'm not very well versed in the code please give the finished work proet version Edge Animate 2014.1.1. I need to open photos in the ie light box

Does this help?
Adding a Lightbox to Edge Animate - YouTube

Edge Animate 2014.1.1 is now live

Hi all,
Edge Animate 2014.1.1 addresses a majority of the concerns reported by you post the October release of Edge Animate (2014.1). See http://helpx.adobe.com/edge-animate/kb/edge-animate-501.html
if you do not see the update listed in your CC application, sign out of the application and sign in again. For instructions, see Sign out, Sign in | Creative Cloud Desktop app
On a high speed internet connection, it took me under 5 minutes to install the application. After you install, open the application, and select Help > About. The version should be listed as 2014.1.1.
For any questions related to this update, please create separate posts.
Thanks,
Preran

This is a known issue. They are working on it.
If you want you can have both versions installed. You could keep the older version for old projects for now and use the upgrade for new projects.
https://creative.adobe.com/products/animate

Edge Animate 2014.1 ???

Edge Animate 2014.1
Hi,
I created a (large/extensive) project/s using Edge Animate CC 2014.1” in Trial mode, now expired.
I have an annual subscription to all of the complete Adobe CC suite.
     - as part of this Adobe CC suite subscription, Edge Animate CC 2014 is said to be up-to-date, and there are no updates for it. The so version - CC 2014 and not CC 2014.1
     What happened to 2014.1?
The project/s I created using CC 2014.1 are not backward compatible and cannot be opened by CC 2014?
Can anyone help with this issue?
Thanks Dan

Yes I have the latest installed - though it appears as 2014.1 via CC Manager, if you open Edge Animate go to Help > About menu it should show as 2014.1.1
As for the trial mode, though you have a paid subscription go through this help documentation. Creative Cloud website shows trial options after purchase | CS6, CCM
Darrell

Why is my navbar not loading in edge animate 2014?

Just upgraded Edge animate to the new Adobe Edge animate 2014 but now my navigation won't load in preview browser.

As a Test:
Hold down the option (or alt) key and launch iPhoto. From the resulting menu select 'Create Library'
Import a few pics into this new, blank library. Is the Problem repeated there?

Captivate 8 + Edge Animate 2014 = Mouse Hover

Hi!
I'm trying to input some interactive animations on Captivate 8 but getting really crazy.
The project is responsive and I done an animated logo in Edge Animate 2014 in a hope that I can put it into Captivate, but when I publish as .OAM and import it into Captivate, these turn into a video and do not have any kind of interaction.
The basic idea is: user hover mouse the logo and that one reproduce an animation.
Any way I can make it work? With a button it's not a option because I have some effects/transictions.
Thnks

At this moment there is no direct communication possible between CP and OAM's. They are indeed only considered to be an 'animation', not interactive. I regret this also very much, but you have to live with it until this communication improves. Maybe it is possible with JS, but in that case I pass the question to David (TLCMediaDesign) because I have not experimented yet to use JS for that purpose. I have inserted OAM's with interactivity, like buttons to stop, to trigger something happening, but with the buttons inside of the OAM, not in CP. OAM has to be considered as a separate block inside CP.

How do I pass input values from a html page to a jsf page

hi,
In my project,for front view we have used html pages.how can I get input values from that html page into my jsf page.for back end purpose we have used EJB3.0
how can I write jsf managed bean for accessing these entities.we have used session facade design pattern and the IDE is netbeans5.5.
pls,help me,very urgent
thanx in advance

Simplest way is to rewrite html page into jsf page.
You can use session bean in your managed bean like this:
import javax.naming.Context;
import javax.naming.InitialContext;
public class ManagedBean {
private Context ctx;
private Object res;
// session bean interface
private Service service;
          public ManagedBean() {
            try{
                 ctx = new InitialContext();
                 res = ctx.lookup("Service");
                 service = (Service) res;
           catch(Exeption e){
}Message was edited by:
m00dy

How to get the source code of an HTML page in Text file Through J2EE

How to get the source code of an HTML page in Text file Through J2EE?

Huh? If you want something like your browser's "view source" command, simply use a URLConnection and read in the data from the URL in question. If the HTML page is instead locally on your machine, use a FileInputStream. There's no magic invovled either way.
- Saish

How to get the source code of an HTML page in Text file Through java?

How to get the source code of an HTML page in Text file Through java?
I am coding an application.one module of that application is given below:
The first part of the application is to connect our application to the existing HTML form.
This module would make a connection with the HTML page. The HTML page contains the coding for the Form with various elements. The form may be a simple form with one or two fields or a complex one like the form for registering for a new Bank Account or new email account.
The module will first connect through the HTML page and will fetch the HTML code into a Text File so that the code can be further processed.
Could any body provide coding hint for that

You're welcome. How about awarding them duke stars?
edit: cheers!

How to create a popup window to load HTML page in AIR application without using any mx or spark?

How to create a popup window to load HTML page in AIR application without using any mx or spark components?
I need to load the HTML page in popup in AIR application without using any of the <mx> or <spark> components. I need to open in the application itself not in the browser.(If we use navigateToURL() it will open in th browser)

Can we achieve this? can somebody help me on this scenario..

How make adobe edge animate file full screen in adobe muse?

I have created a responsive webstie so far and i want the edge animation i created in edge to be fullscreen in muse... I made it to resize in edge but in muse i scalled it to the whole size of my website and in preview it looks off and in browser it looks off and small. can anyone tell me how to make the edge animate slideshow i created fullscreen in muse? would it be better to import the html as a iframe object and right the code for it to be resized

Well, I'm not sure how you went about it, but the way I did it was as follows:
I looked at the width and min height of my page in Muse, and made a canvas in Edge Animate of that exact size. I think it was like 960 px by 500 px. Can you show us an example?

Working on implementing an Edge Animate (2014.1) into a Wordpress page.

This is a manual implementation and it appears that all the guidance offered is for anything prior to 2014.1.
When I publish I don't have access to the preload file which is an essential part to previous implementations with Wordpress.
Does anyone know of a tutorial or information regarding doing this?
Any suggestions would be greatly appreciated.
PS I am relatively new to Edge Animate - so my apologies in advance!

I worked this out yesterday.
You can uptick Web,
Publish the Animate Deployment package.
Then in wordpress, add the plugin called 'Edge suite'... (yesterday I had some problems getting the plugin to work and eventually had to track down the developers current dev build which worked fine, he's a solo developer even though Adobe refer to his plugin in their own video tutorials).
Once the plugin is installed.
You load up the the published file... and then activate some shortcode script and add the shortcake with an id that relates to your edge item into your Wordpress post.
It seems we can't post links here.
I posted a blog entry about this and some vimeo layer embedding.
If you search google for 'How to animate elements in front of and behind your embedded Vimeo or Youtube Video'
you'll find my scrappy blog post... skip the first 75% of it... and it will run through publishing form Edge and posting to Wordpress.
Enjoy.

How to embed Edge Animate 2014.1 object in html page?

Similar Messages

Maybe you are looking for