FlexでExternal Interface APIを利用してHTMLテンプレート(HTML templates)からアクションScript関数を呼び出す例


前のFlexでExternal Interfaceを利用したAPIがJavaScript関数を呼び出す例では、Flexアプリケーションで静的イベントをどのように利用するかを知ることができた.ExternalInterface.call() JavaScript 。 Flex ExternalInterface.addCallback()イベントとJavaScriptのビット(bit)は、アクションScript を び します.
は な とソースコードです.
Download:main.mxml
  •         layout=「vertical」
  •         vertical Align=「middle」
  •         background Color=「ホワイト」
  •         creationComplettee=「init()」>
  •    
  •         ]
  •             import mx.com ntrols.Alert;
  •             prvate var alert:Alert;
  •             prvate function init():void{
  •                 External Interface.addCallback(「alert」、showAlert);
  •             }
  •             prvate function show Alert(msg:String):void{
  •                 var now:Date=new Date();
  •                 alert=Alert.show(msg,now.toLocareDateString);
  •                 alert.status=now.toLocal TimeString();
  •             }
  •         ]]>
  •    
  • はJavaScriptファイル(/src/external Interface.js)です.
    Download:external Interface.js
    /**http://blog.flexexamples.com/2008/03/11/calling-actionscript-functions-from-your-html-templates-using-the-externalinterface-api/*/
  • function thisMovie(movie Name){
  •     if (navigator.appName.indexOf)=-1){
  •         return window[movie Name];
  •     } else{
  • }
  •         return document[movie Name];
  •     }
  • function asAlert(value){
  • }
  •     thisMovie(main).alert(value);
  •    HTML         (/html-template/index.template.html):
    Download:index.template.
  • .
  • <スクリプト laguage=「JavaScript」src=「external Interface.js」>
  • .
  • <HTML/>