0

flexアプリとiframeを並べて(1x2テーブルを使用して)単純なhtmlドキュメントがあります。

フレックスアプリには、クリックすると、ExnternalInterface.callメソッドを使用してjavascript関数「doNavClick(url)」を呼び出すことにより、iframeの「src」プロパティをURLに設定するボタンがあります。

またはそれがアイデアです。

HTMLでiframeオブジェクト宣言をコメントアウトすると、doNavClickの呼び出しが機能します(テストするアラートがポップアップ表示されます)...しかし、iframe宣言が存在する場合、呼び出しを受信することさえありません。これは、iframeがコールディスパッチメカニズムを何らかの形で壊したかのようです。

このためのworkaraoundはありますか?

問題のあるコードは次のとおりです。

--- Main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                paddingLeft="0" paddingRight="0"
                paddingTop="0" paddingBottom="0"
>

  <mx:Script>
    <![CDATA[

      import flash.events.MouseEvent;

      private function doNavClick(event:MouseEvent):void
      {
        if (ExternalInterface.available)
        {
          var url:String = "http://www.google.com"
          ExternalInterface.call("doNavClick", url); // Problematic with iframes
        }
        else
        {
          mx.controls.Alert.show("External interface not available");
        }
      }

    ]]>
  </mx:Script>

  <mx:VBox width="100%" height="100%">
    <mx:Button label="Google" click="doNavClick(event)"/>
  </mx:VBox>

</mx:Application>

...そしてswfアプリを含むhtml/JavaScriptコード:

--- index.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>My SWF Project</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <script type="text/javascript" src="swfobject.js"></script>
        <script type="text/javascript">
            swfobject.registerObject("mySWFProj", "9.0.0");
        </script>
    <style>
      html, body, div { height: 99%; }
    </style>
    </head>
    <body>
    <table border="1" width="100%" height="100%">
      <tbody>
        <tr>
          <td style="width: 25%; height: 100%">
            <div style="width: 100%; height: 100%">
              <object id="mySWFProj" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
                <param name="allowscriptaccess" value="always" />
                <param name="allowfullscreen" value="true" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="mySWFProj.swf" width="100%" height="100%">
                  <param name="allowscriptaccess" value="always" />
                  <param name="allowfullscreen" value="true" />
                <!--<![endif]-->
                  <a href="http://www.adobe.com/go/getflashplayer">
                    <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                  </a>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
              </object>
            </div>
          </td>
          <td style="width: 75%; height: 100%">
            <div style="width: 100%; height: 100%">
              <!-- <iframe id="htmlFrame" width="100%" height="100%" src="http://www.amazon.com"> -->
            </div>
          </td>
        </tr>
      </tbody>
    </table>

        <script type="text/javascript">

      function doNavClick(url)
      {
        alert(url);
        //document.getElementById('htmlFrame').src = url;
      }
        </script>
    </body>
</html>

このコードは、グーグルのURLを含むブラウザアラートをポップアップするだけです。iframe宣言(ID "htmlFrame")のコメントを解除してページをリロードすると、アラートは表示されません。実際、JavaScriptのdoNavClick(url)が呼び出されることはありません。

更新:興味深い.... index.htmlのDOMを調べると(これにはfirebugを使用します)、本体には通常、テーブルとスクリプトの2つの子ノードがあります。iframe宣言が存在すると、スクリプトの子が消えます...これが、ExternalInterface.callがどこにも行かない理由を説明しています。iframeを含めると、スクリプトオブジェクトが削除されるのはなぜですか?

UPDATE2:doNavScript(url)スクリプトをドキュメントの「ヘッド」に移動すると、この問題が修正されます。それはまるでiframe宣言が他の子供たちが体の一部になるのを防いでいるかのようです...私はこれが実際に起こっていることであると言っているのではなく、これが症状であるように見えるだけです。

4

1 に答える 1

1

<head>htmlドキュメントのセクションにjavascriptコードを配置します。

誰かがこれよりも完全な答え/説明を提供したいのであれば、私はそれを「受け入れられた」と喜んで授与します....私自身の答えを受け入れるのはどういうわけか間違っていると感じます;)

于 2010-01-21T17:36:21.927 に答える