Embedding JavaScript into a SWF

Flash 可以使用 ExternalInterface 類別來呼叫外部的.js函式
但前提是該html需要事件把js寫好
AS3之後, 可以把js的function整個包成.as裡, 一樣透過ExternalInterface 呼叫即可

在這個範例, 我使用了bit101的Button組件, 你可以換成自已的按鈕。
透過 XML 的 CDATA, 把整個js包進.as檔裡。
<br />package {<br /> import com.bit101.components.PushButton;<br /> import flash.display.Sprite;<br /> import flash.display.StageAlign;<br /> import flash.display.StageScaleMode;<br /> import flash.external.ExternalInterface;<br /> /**<br /> * ...<br /> * @author milkmidi<br /> */<br /> public class EmbedJSExample extends Sprite { <br /> public function EmbedJSExample() {<br /> stage.align = StageAlign.TOP_LEFT;<br /> stage.scaleMode = StageScaleMode.NO_SCALE;<br /> <br /> <br /> new PushButton(this , 0, 0, "Alert", function ():void { <br /> ExternalInterface.call( JSScripts.alert , "FlashCallJS" ); <br /> });<br /> <br /> new PushButton(this , 0, 20, "windowopen", function ():void { <br /> ExternalInterface.call( JSScripts.windowOpen , "http://milkmidi.blogspot.com",'400','400' ); <br /> });<br /> }<br /> <br /> }<br /><br />}<br />class JSScripts { <br /> public static var alert:XML = new XML(<br /> <script><br /> <![CDATA[<br /> function(pMsg) {<br /> alert(pMsg);<br /> }<br /> ]]><br /> </script>); <br /> <br /> public static var windowOpen:XML = new XML(<br /> <script><br /> <![CDATA[<br /> function(pURL , pWidth , pHeight) {<br /> window.open(pURL, 'milkmidi', 'width=' + pWidth + ',height=' + pHeight); <br /> }<br /> ]]><br /> </script>); <br />}<br />
SourceCodeDownload
進階的用法, 可以使用Flash裡的Tweener類別, 來更改html裡DIV的大小
<br />package {<br /> import flash.display.*;<br /> import flash.events.*;<br /> import caurina.transitions.Tweener;<br /> import flash.external.ExternalInterface;<br /> public class Main extends MovieClip {<br /> public var a2 :SimpleButton;<br /> public var a1 :SimpleButton;<br /> public var a0 :SimpleButton; <br /> public var bg_mc :MovieClip;<br /> public var cop_mc :MovieClip;<br /> private var _emptyMC :Sprite = new Sprite();<br /> public function Main(){ <br /> stage.align = StageAlign.TOP_LEFT; <br /> stage.scaleMode = StageScaleMode.NO_SCALE;<br /> stage.showDefaultContextMenu = false; <br /> a0.addEventListener(MouseEvent.CLICK, onClick); <br /> a1.addEventListener(MouseEvent.CLICK, onClick);<br /> a2.addEventListener(MouseEvent.CLICK, onClick);<br /> }<br /> private function onClick (e:MouseEvent):void {<br /> if (e.currentTarget == a0) tweenHtmlContainer("flashContainer", 400, 300); <br /> else if (e.currentTarget == a1) tweenHtmlContainer("flashContainer", 500, 600); <br /> else tweenHtmlContainer("flashContainer", 800, 200); <br /> }<br /> private function tweenHtmlContainer(pDivID:String, pWidth:int , pHeight:int):void { <br /> _emptyMC.name = pDivID;<br /> Tweener.addTween(_emptyMC,<br /> {<br /> x :pWidth, <br /> y :pHeight,<br /> time :2, <br /> transition :"easeOutBounce",<br /> onUpdate :onTweenUpDate,<br /> onUpdateParams:[_emptyMC.name]<br /> });<br /> <br /> };<br /> private function onTweenUpDate(pContainerID:String):void {<br /> ExternalInterface.call(JSScripts.resizeContainer, pContainerID, _emptyMC.x, _emptyMC.y); <br /> bg_mc.width = _emptyMC.x;<br /> bg_mc.height = _emptyMC.y;<br /> cop_mc.x = _emptyMC.x - 120;<br /> cop_mc.y = _emptyMC.y - 60;<br /> }<br /> }<br />}<br /><br />class JSScripts { <br /> public static var resizeContainer:XML = new XML(<br /> <script><br /> <![CDATA[<br /> function(pContainerID, pWidth, pHeight) <br /> {<br /> var objNode = document.getElementById(pContainerID); <br /> objNode.style.width = pWidth;<br /> objNode.style.height = pHeight;<br /> objNode.attributes.width.nodeValue = pWidth;<br /> objNode.attributes.height.nodeValue = pHeight;<br /> }<br /> ]]><br /> </script>); <br />}<br />
SourceCodeDownload