Same-Origin-Policy error ?

Question

Hi,
I'm working on a project wich contains a lot of animation so I chose edgeCommons.
My client wants the site to be visible offline .
Here is my problem : I have a wrapper and when I try to interact from the wrapper on a nested movie that does not work on Chrome offline. However if I try to perform the same action on the site hosted on a remote server, it works .
In offline console chrome says:
"Uncaught SecurityError: Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match."
Here's an example from my code. When I click on the link in my menu , it injects the " muscle - 01.html " page in the "content " container ( in an iframe ) and it replaces the "title" text with the word " frontalis " .
In my case the " muscle -01 " loads but the text is not replaced . I tested other actions but none work offline in Chrome .
EC.loadComposition('muscle-01.html', sym.getComposition().getStage().getSymbol('content'))
.done(function(comp){
  comp.getStage().$('title').html('Frontalis');
Is this caused by the Same-Origin-Policy error?
How can I fix the problem so that it works on all browsers offline?
Thank you very much for your help :-)
Nicolas

Answer 1

Chrome due to security reasons does throw that error.
But there is one workaround you can try with:
     In file muscle-01_edgeActions.js, replace
         //Edge symbol: 'stage'
        (function(symbolName) {
        })("stage");
with
     //Edge symbol: 'stage'
     (function(symbolName) {
           Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) {
             // insert code to be run when the composition is fully loaded here
            sym.getComposition().getStage().$('title').html('Frontalis');
            sym.getComposition().getStage().getSymbol('an-01').play(0);
     })("stage");
hth,
Vivekuma