1. 13 Dec 2012 5:27 AM #1
    deschnerc
    deschnerc is offline
    Sencha User
    Join Date
    Dec 2012
    Posts
    2
    Vote Rating
    0
    deschnerc is on a distinguished road
      0  

    Default How to control an embedded sencha animation from outside?

    How to control an embedded sencha animation from outside?


    Hi,

    I want to embed a sencha animation with 2 scenes in an iframe and i want to control the sencha file from outside. How can I access "the startSceneByID()" from outside?

    I tried it like this:

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script language="javascript">
    function navScene(sid){
    window.frames.sencha_content.AN.controller.startSceneByID(sid);
    }
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    </head>

    <body><iframe width="480" height="320" src="index.html" id="sencha_content" name="sencha_content"></iframe><br/><a href="javascript:navScene(0)">Click...</a>
    </body>
    </html>

    Thanks a lot...

    Chris
    Reply With Quote Reply With Quote
  2. 14 Dec 2012 2:23 AM #2
    deschnerc
    deschnerc is offline
    Sencha User
    Join Date
    Dec 2012
    Posts
    2
    Vote Rating
    0
    deschnerc is on a distinguished road
      0  

    Default


    -> It works...
    Reply With Quote Reply With Quote
  3. 14 Dec 2012 8:58 AM #3
    arnebech
    arnebech is offline
    Sencha - Architect Dev Team arnebech's Avatar
    Join Date
    Jun 2010
    Posts
    410
    Vote Rating
    5
    arnebech is on a distinguished road
      0  

    Default


    So in 1.3 there is no automatic reference to the controller available. One way to get around this is to add a start action to the project (Project Tab -> Actions -> Start) and set it to for example
    Code:
    window.controller = controller;
    then you should be able to get to the controller from the parent document using your method (if you name the iframe "sencha_content")
    Code:
    window.frames.sencha_content.controller.goToNextScene()
    or just looking for the iframe on the page (assuming you only have one)
    Code:
    document.querySelector('iframe').contentWindow.controller.goToNextScene()
    A potential issue for both these approaches is that you can only get the controller after the animation has initialized, otherwise it will cause an error. One way to make it safer is to wrap the call in a try catch block like so:

    Code:
    try {
    document.querySelector('iframe').contentWindow.controller.goToNextScene();
} catch (error) {
    console.log("Animation likely not loaded yet", error);

}
    Reply With Quote Reply With Quote

Tags for this Thread