JavaScript 和 Flash 的通訊

來源:互聯網
上載者:User

Javascript 到 Flash的通訊----使用Flash播放器的javascript方法
Flash 到 Javascript的通訊----使用Flash的fscommand
Flash 到 Flash的通訊----------使用本地連線物件或綜合上2種技術

Javascript到Flash的通訊

這個例子示範了如何使用Flash的method把變數從HTML的input text 發送到該頁面中的Flash檔案中.HTML input的資料通過Flash的SetVariable方法傳送到Flash檔案中.

查看樣本:樣本 
下載源檔案: javascript_to_flash.zip(17k)

步驟:

Flash中
1.建立一個檔案,儲存為javascript_to_flash.fla
2.用文字工具在舞台上建立一個文本域
3.選擇這個文本域,在屬性面板中,從下拉式清單中選擇動態文本(Dynamic Text),在變數(variable)欄填上"myVar"
注意:最好的習慣是使用Instance,用myVar.text更改myVar的值.為了簡單起見和相容Flash4和Flash5,我們使用的是變數名的形式.
4.儲存檔案
5.發布HTML檔案和SWF檔案

Dreamweaver中
下一步的工作轉移到Dreamweaver中了,當然也可以是其他的HTML編輯器
1.開啟上一步發布的HTML檔案
2.插入產生的SWF檔案和OBJECT/EMBED標籤
(1) Insert>Media>Flash,並選擇這個Flash
(2) 切換到程式碼檢視,我們需要修改被選中的<OBJECT>和<EMBED>標籤
(3) 在OBJECT標籤中,插入id="myFlash"

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=5,0,0,0"
width=366 height=142 id="myFlash">

注意:如果你是粘貼複製代碼的話,確保刪除不必要的換行.否則可能會引起錯誤; id也可以在屬性面板裡直接輸入
(4) 在EMBED標籤中,插入name="myFlash"和swLiveConnect="true",確保沒有使用id屬性!代碼應當是這樣子的:

<embed src="http://www.blog.com.cn/javascript_to_flash.swf" quality=high width=366 height=142
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash" 
name="myFlash" swLiveConnect="true">
</embed> 

3.建立表單域
(1) 回到設計檢視
(2) 插入文本域(Insert> Form Object> Text Field),如果詢問是否添加表單域,選擇是
(3) 把文本域的HTML標籤修改成這樣:

<input type="text" name="sendText" maxlength="45" onChange="doPassVar(this)"> 
每當文本域內容發生變化時,onChange就被觸發,doPassVar()函數就被調用

4.建立傳遞變數值的Javascript函數
複製下面的Javascript到<head></head>標籤內

<SCRIPT LANGUAGE=JavaScript>
<!--
function doPassVar(args){
var sendText = args.value;
   window.document.myFlash.SetVariable("myVar", sendText);
}
//-->
</SCRIPT>
5.儲存檔案,測試一下(F12)

#javascript/ajax專欄

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.