FlexとJavascriptの相互呼び出し例(ソース付き)

	

		<button x="5" y="57" label="  JavaScript" fontsize="12" click="callJs();"/>
</application>
</code></pre> 
 <p> </p> 
 <p>index.jsp</p> 
 <p> </p> 
 <pre><code name="code">


  
    <title>JavaScript Flex      </title>
    <script language="JavaScript" charset="utf-8">
    	//js       
	    function callFlex() {
	    	var jsText = document.getElementById("jsText");
	        FlexJsApp.myFlexFunction(jsText.value);
	    }
	    
	    //flex       
	    function callJs(jsTextVal){
	    	var jsText = document.getElementById("jsText");
	    	jsText.value=jsTextVal;
	    }
	</script>
    
  
  
  	<input type="button" value="  flex，           " onclick="callFlex();"/><br/>
  	<input type="text" id="jsText" value="" style="width:200px;"/><br/><br/>
  	   Flex    ：<br/>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="FlexJsApp" width="300px" height="100px" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
			<param name="movie" value="swf/FlexJsApp.swf"/>
			<param name="quality" value="high"/>
			<param name="bgcolor" value="#869ca7"/>
			<param name="allowScriptAccess" value="sameDomain"/>
			<embed src="FlexJsApp.swf" quality="high" bgcolor="#869ca7" width="300px" height="100px" name="FlexJsApp" align="middle" play="true" loop="false" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer">
			</embed>
	</object>
  

</code></pre> 
 <p> </p> 
 <p>      ：</p> 
 <p> </p> 
 <p> 、 JavaScript   Flex  <br/> Flex    ExternalInterface   Flex   ，      Flex                   。 Flex       addCallback()              。addCallback   ActionScript        JavaScript VBScript       。<br/>addCallback()       ：<br/>addCallback(function_name:String, closure:Function):void<br/>function_name     Html           。closure           ，                   。<br/><br/>    ：<br/>   Html   ，   SWF     ，    <object ...=""/>   Swf Id  ，    MyFlexApp。            Flex    。<br/><script language="JavaScript" charset="utf-8"><br>    function callApp() {<br>        var x = MyFlexApp.myFlexFunction();<br>        alert(x);<br>    }<br></script><br/><button onclick="callApp()">Call App</button><br/><br/><br/><br/> 、 Flex    JavaScript<br/>     Html    JavaScript，   JavaScript   ，    Style，      。         Html  ，       Flex，              ：ExternalInterface() navigateToUrl()。<br/> Flex   JavaScript         ExternalInterface()，     API    JavaScript，    ，     ，      ，Flex      。<br/>ExternalInterface            ，   available     。<br/>ExternalInterface       ，    ：<br/>flash.external.ExternalInterface.call(function_name: String[, arg1, ...]):Object;<br/>  function_name     JavaScript    ，      JavaScript     。<br/>          JavaScript  <br/>Flex   ，      ：<br/><script><br/><?xml version="1.0" encoding="iso-8859-1"??><br/><application xmlns:mx="http://www.adobe.com/2006/mxml"><br/>    <script><br/>        import flash.external.*;<br/>    <br/>        public function callWrapper():void {<br/>            var f:String = "changeDocumentTitle";<br/>            var m:String = ExternalInterface.call(f,"New Title");<br/>            trace(m); <br/>        }<br/>    </script><br/>    <button label="Change Document Title" click="callWrapper()"/><br/></application><br/>Html          ：<br/><script language="JavaScript"><br>    function changeDocumentTitle(a) {<br>        window.document.title=a;<br>        return "successful";<br>    }<br></script></script></p> 
 <div class="attachments"> 
  <ul> 
   <li>FlexJsApp.zip (13.7 KB)</li> 
   <li>    : 199</li> 
  </ul> 
  <ul> 
   <li>JsFlexApp.zip (259.2 KB)</li> 
   <li>    : 216</li> 
  </ul> 
 </div> 
</div>
                            </div>
                        </div>