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