這個例子演示了如何使用Flash的method把變量從HTML的input text 發(fā)送到該頁面中的Flash文件中.HTML input的數(shù)據(jù)通過Flash的SetVariable方法傳送到Flash文件中.
查看示例:示例
下載源文件: javascript_to_flash.zip(17k)
步驟:
Flash中
1.新建一個文件,保存為javascript_to_flash.fla
2.用文字工具在舞臺上創(chuàng)建一個文本域
3.選擇這個文本域,在屬性面板中,從下拉列表中選擇動態(tài)文本(Dynamic Text),在變量(variable)欄填上"myVar"
注意:最好的習(xí)慣是使用Instance,用myVar.text更改myVar的值(測試過myVar.text不能做變量名,可以使用myVar_text).為了簡單起見和兼容Flash5和Flash6,我們使用的是變量名的形式.
4.保存文件
5.發(fā)布HTML文件和SWF文件
Dreamweaver中
下一步的工作轉(zhuǎn)移到Dreamweaver中了,當(dāng)然也可以是其他的HTML編輯器
1.打開上一步發(fā)布的HTML文件
2.插入生成的SWF文件和OBJECT/EMBED標(biāo)簽
(1) Insert>Media>Flash,并選擇這個Flash
(2) 切換到代碼視圖,我們需要修改被選中的
codebase="http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=5,0,0,0"
width=366 height=142 id="myFlash">
注意:如果你是粘貼復(fù)制代碼的話,確保刪除不必要的換行.否則可能會引起錯誤; id也可以在屬性面板里直接輸入
(4) 在EMBED標(biāo)簽中,插入name="myFlash"和swLiveConnect="true",確保沒有使用id屬性!代碼應(yīng)當(dāng)是這樣子的:
type="application/x-shockwave-flash" pluginspage="/tupian/20230522/shockwave-end-of-life-faq.html />P1_Prod_Version=ShockwaveFlash"
name="myFlash" swLiveConnect="true">
3.創(chuàng)建表單域
(1) 回到設(shè)計(jì)視圖
(2) 插入文本域(Insert> Form Object> Text Field),如果詢問是否添加表單域,選擇是
(3) 把文本域的HTML標(biāo)簽修改成這樣:
每當(dāng)文本域內(nèi)容發(fā)生變化時,onChange就被觸發(fā),doPassVar()函數(shù)就被調(diào)用
4.創(chuàng)建傳遞變量值的Javascript函數(shù)
復(fù)制下面的Javascript到
5.保存文件,測試一下(F12)
完整的例子
Example of Javascript-to-Flash communication
Enter some text in the HTML form field
below and then click outside the field, or hit the Tab key, to send the text
to the Flash movie below:
猜你還喜歡下面的內(nèi)容