0 Replies Latest reply on Jul 20, 2013 3:16 PM by serdarkorur

    iframe is completed?

    serdarkorur

      Hi;

       

      I'm prepared, banner-one.html Adobe Edge animation, add the main.html in the iframe. if complete() is banner-one.html animation

       

      I want run to function bannedEnded(); in the main.html.

       

       

      //main.html

       

      <DOCTYPE html>

      <html>

          <head>

              <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>

              <title>Edge Rotator</title>

              <script src="edge_includes/jquery-1.7.1.min.js"></script>

      <style>

             #bannerArea {

                       width:400px;

                       height:230px;

                       position: absolute;

                       position: absolute;

              } 

      <script  type="text/javascript">

         $(document).ready(function(){

       

      $("#bannerArea").append(<iframe id="innerFrame" src="banner-one.html" width="400" height="230" frameborder="0" scrolling="no"></iframe>');

       

      //iframe banner listener

      AdobeEdge.bootstrapCallback(function(compId) {

          log(compId);

          loadedComps[compId] = AdobeEdge.getComposition(compId);

       

          AdobeEdge.Symbol.bindTimelineAction(compId, "stage", "Default Timeline", "complete", function(sym, e) {

              console.log('compId’);

               bannedEnded();

       

             }

          });

      });

       

       

      function bannedEnded() {

             console.log(‘banner end’);

      }

       

       

       

       

           });

      </script>

      <body>

              <div id="bannerArea">  </div>       

       

      </body>

      </html>

       

       

       

      // banner-one.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"/>

                <title>Untitled</title>

      <!--Adobe Edge Runtime-->

          <script type="text/javascript" charset="utf-8" src="banner-one_edgePreload.js"></script>

          <style>

              .edgeLoad-banner-one { visibility:hidden; }

          </style>

      <!--Adobe Edge Runtime End-->

       

      </head>

      <body style="margin:0;padding:0;">

                <div id="Stage" class="banner-one">

                </div>

      </body>

      </html>

       

       

      But it gives an error. "Adobe.Edge undefined error .."

      Where can I making a mistake.

       

      Thanks ...

      - Serdar