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>
<!--Adobe Edge Runtime-->
    <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>
<!--Adobe Edge Runtime End-->
</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" />
    <!--[if IE]><link rel='stylesheet' type='text/css' media='screen,print' href='Accomodation_files/AccomodationIE.css'/><![endif]--><style type="text/css">
/*<![CDATA[*/
          @import "Scripts/Widgets/HTMLRegion/Paste.css";
/*]]>*/
</style>
    <!--Adobe Edge Runtime-->
    <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>
<!--Adobe Edge Runtime End--> 
    <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.

Similar Messages

  • How to display a user message on WEBI Home page ?

    Hi all,
    How to display a user message on WEBI Home page ?
    like when ever the data gets scheduled at etl side i want to display a message a message on info view home page "new data is uploading" is this is possible to do ?

    Unfortunately this is not possible to do "out of the box".  There aren't any pre-configured options that will let you do this.  You're only real option is to try and modify the infoview source code yourself to do this.
    Regards,
    Shawn

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

  • Inserting edge animate files correctly into Dreamweaver

    Hi there all,
    I am loving edge animate! i have made all sorts of web banners and slideshows!! This is my problem, I have a project i would like to add to a 2 column layout in the right colum but eveytime i insert the project where i believe it should go it appears on the otherside of my screen not in the area i placed it or the containing div..
    Can somebody please help me.. This is my code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--Adobe Edge Runtime-->
        <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edge.js"></script>
        <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edgeActions.js"></script>
        <script type="text/javascript" charset="utf-8" src="publish/web/seal slider_edgePreload.js"></script> 
        <style>
            .edgeLoad-EDGE-90061968 { visibility:hidden; }
        </style>
    <title>Seal Snorkeling</title>
    <style type="text/css">
    <!--
    body {
        font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
        background-color: #42413C;
        margin: 0;
        padding: 0;
        color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl {
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;    
        padding-right: 15px;
        padding-left: 15px;
    a img {
        border: none;
    a:link {
        color: #42413C;
        text-decoration: underline;
    a:visited {
        color: #6E6C64;
        text-decoration: underline;
    a:hover, a:active, a:focus {
        text-decoration: none;
    .container {
        width: 960px;
        background-color: #FFF;
        margin: 0 auto;
    .header {
        background-color: #ADB96E;
    .sidebar1 {
        float: left;
        width: 480px;
        background-color: #fff;
        padding-bottom: 10px;
    .content {
        Float: right;
        width: 480px;
        background-color: #fff;
        padding: 10px 0;
        padding-bottom: 10px;
    .stage {
        Float: right;
        width: 480px;
        background-color: #fff;
        padding: 10px 0;
        padding-bottom: 10px;
    .content ul, .content ol {
        padding: 0 15px 15px 40px;
    .footer {
        padding: 10px 0;
        background-color: #CCC49F;
        position: relative;
        clear: both;
    .fltrt { 
        float: right;
        margin-left: 8px;
    .fltlft {
        float: left;
        margin-right: 8px;
    .clearfloat {
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    -->
    </style></head>
    <body>
    <div class="container">
      <div class="header">
    <div style="width: 100%">
    <video controls="width: 987px">
    <source src="seal.mov" type="video/mov" />
    <source src="seal.mp4" type="video/mp4" />
    </video>
    </div></div>
      <div class="sidebar1">
      <img src="logo.jpg" width="470" height="216" align: "right"alt="logo" longdesc="logo.jpg" />
      <p><strong>Seal Snorkeling </strong> in Cape Town is the ultimate wildlife experience for the adventurous.  Plunge into the cool Atlantic ocean and swim with hundreds of playful Cape Fur Seals.  Interact with them in their environment and on their terms.  This half day excursion is for everyone and will be the highlight of your holiday.</p>
      <p><strong>Meeting Times </strong> <br>9am - November to February.</br><br>10am - September to Ovtober $ March to April.</br><br>Please confirm when booking.</br><br>There are afternoon options if the morning is fully booked.</p>
        <p><strong>Meeting Location </strong> <br>We meet inside Hout Bay Harbout, outside the NSRI building.</br> See directions below</p>
        <p><strong>Trip Duration</strong> <br>3 hours.  This includes kitting up, briefing and traveling to and from the island.  On average, visitors spend an hour in the water.</p>
        <p><strong>What is provided?</strong> <br>We provide all equipment, a marine guide, boat ride, educational briefing, water, biscuits, hot chocolate and even a hot water shower to warm you up!</p>
    <img src="divers.jpg" width="470" height="530" align: "right"alt="logo" longdesc="logo.jpg" />
         <div id="content">
        </div>
    </div>
      <div class="content" id="test"><div id="stage" class="EDGE-6752322">
        </div></div>
      <div class="footer">
        <p></p>
    </div>
    </div>
    </body>
    </html>
    If anyone has some advice i would be very grateful, Thanks in advance!!
    Nick

    Hi there,
    Here is a pic of what im talking about, as you can see the edge file is now hovering over the entire project again..  didnt change a thing and now back to artifacts even after restarting please please please help

  • How to link Edge animate elements with wordpress div id

    Dear all,
    I have an animation uploaded on wordpress with edge Suit;
    In the animation there are some links to the sections of the page, but they don't work.
    In my edge file I linked the elements to the wordpress sections just adding code "click ==> links ==> link in the same window -- window.open("http://mywebsite/#section", "_self");
    I am sure its really easy to solve it, but i have some Jquery lacks.
    thanks for your help
    Alessio
    Message was edited by: alessio Calveri

    I can only imagine how miffed Adobe's technical team must be and I don't want to add unnecessarily to any stress. For what it's worth, I really liked working with the Edge Animate interface and want things to work out because it would be my first preference - but of course not if I have to recreate content elsewhere for the iPad.
    Whether iOS7 has a bug or otherwise, I wonder if there are any simple workarounds. For example, there is an extension that outputs HTML5 from InDesign, including media overlays:
    http://ajarproductions.com/pages/products/in5/#showMoreFeatures
    https://www.youtube.com/watch?v=ku4Ql8GE1m8
    Perhaps Adobe can create an updated step-by-step guide for inserting Flash canvas animations and Captivate HTML5 using this extension. Then maybe even show how to wrap the final content as EPUB3. This would be in lieu of this demo: https://blogs.adobe.com/captivate/2013/08/a-step-by-step-guide-to-create-an-interactive-eb ook.html. For people like me who use Adobe's products because of their front-end niceties (i.e. we don't want to dig too much into code), it would help resolve many issues here. DPS not an option - would rather go with PubCoder in that case.
    Good luck anyway!

  • Insert Edge Animate Compositions Unavailable

    I don't have an option to import Edge Animate Compostitions in Dreamweaver's 'Insert' menu.
    Was this an update to CS6 only available in the cloud and not to boxed versions?
    I have CS6 master collection. DW 12.0 Build 5861 for Windows.

    This feature of inserting Edge compositions directly into DW is available only to Creative Cloud subscribers (at the moment, since Creative Cloud brings in all the new features as soon as they're released). See here: http://helpx.adobe.com/dreamweaver/using/import-edge-files.html
    However, you can manually insert your Edge compositions into your code with a div tag and a unique Identifier to the div, also adding a few supporting Edge files. You should publish your Edge composition for 'Web'. You can possibly decode the published index.html file source code after that. If you need more help doing this, do post back!
    -ST

  • Collegamenti da animazione edge animate a pagina web in dreamweaver

    Ho creato un'animazione con edge animate  ed ho inserito, in due oggetti dell'animazione stessa,  i links verso due pagine web. Ho inserito l'animazione in una pagina web ( index) creata con dreamweaver. Ho successivamente esportato il tutto sul web e, quando si clicca sugli oggetti suddetti non si apre una pagina web "nuova" ma il contenuto della pagina appare all'interno dello spazio delimitato dall'oggetto An, sempre all'interno della pagina index.
    questo é il link per vedere cosa succede: www.ilmondodellemeraviglie.com
    Sbaglio nello scrivere l'url quando assegno un'azione all'oggetto dell'animazione?
    E' possibile inserire un link alla pagina intera e non ad una porzione di essa?

    >> I didnt understand this. <<
    i'm not surprised.  i'm so far down the learning curve i don't know what question to ask.
    i am willing to invest time and energy to learn Animate or DW.  i have never used either and it sounds like Animate might be simpler for my simple task.  what i meant by that question relates to what is the output of Animate or DW?  i know how to upload "images" to a web site (jpg, TIF, GIF).  is the output of animate an "image" or is it some code snippet i have to learn how to integrate into the webite i want to publish to?
    did that make sense?

  • How long will Edge animate keeps free?

    The description in the official document is not clear. I was wondering how long (until when) will this software kept free? They mentioned that the free licence will never expire, is that means that since I am alreay a member in this project and I have already installed a Edge Animate with free licence, I can use it forever (even be able to update in the future)?

    Hi, Rico-
    The version you have will not "time out" at the promotional price of $0.  This, however, does not mean that all versions of Animate will remain free, so upgrades are not assured at the promotional price.
    Hope that helps clear up the confusion.
    Thanks,
    -Elaine

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

  • How to insert given manually in BW WEB?

    How to insert given in BW WEB? Necessary to have two fields in my report WEB that the user can insert manually given. How to make this?

    hi all,
    sorry to update you so late, because I can't log on SDN from time to time.
    the weird thing is that my peer can upload the picture successfully while I still can't see it in the list.
    I am handful, I'll do a research and update you guys later.
    thanks.
    Jennifer

  • How to publish edge projects to the web?

    I've never published edge projects to the web before.
    Sorted the web settings out to what I need but wondering but do I need to upload the whole edge project file (with the edge project, edge includes etc) or just the publish folder?
    Thanks
    Robyn

    Hi Robyn
    The contents of the publish folder is all what is needed to deploy.
    PS: the publish folder might have two directories, 'Web' and '.oam', depending on your publish settings. For publishing projects to Web, You only need (all the) contents of the 'Web' directory. If you have uncheked the CDN option in publish settings, then edge_includes directory will be available in Published content.
    I hope that answered your query.
    Thanks
    Manigandan

Maybe you are looking for

  • Best Practices for SRM Installation !!

    Hi     can someone share the best Practices for SRM Installation ? What is the typical timeframe to install SRM on development server and as well as on the Production server ? Appericiate the responses Thanks, Arvind

  • Safari and Google Video Chat

    Ever since I updated my Flash I can not get Video when trying to use Google Video Chat using Safari, it works using Crome. Does anyone know how to fix it in Safari?

  • Does WRT54GP2 work with multiple ViOP providers ?

    My question is, Does WRT54GP2 router work with multiple ViOP providers ? Can I use it with a ViOP provider other then Vonage ? Thanks, John

  • Workflow - Blank mail in SBWP

    Hi Experts, I had developed a simple workflow scenario (SWDD) just to send a mail to inbox which contains only 2 items (in SBWP): Accept or Reject. I had created the step for User decison & steps for Approval and Reject only. Workflow is error free a

  • SAP TAO Consolidation & CBASE_INIT.VBS.txt does not exist  error message

    Hi All, I installed SAP TAO SP03 & have QC 10.0 & QTP 10.0 and recorded a sample transaction code and observedfollowing errors: i) I recorded a transaction and opened the script from "Consolidation" tab from Configuration Tab and got an error popup s