Flash教學--開新視窗

Flash動畫相關議題

版主: mrcarry2002

Flash教學--開新視窗

文章aaron » 週二 5月 27, 2003 2:14 pm

說到開新視窗,多人會使用target=_blank的語法,但是若想要控制新視窗的大小、工具列、捲軸等等,不是單純的HTML語法,或是單靠FLASH就能辦到,通常還需要配合JavaScript來達成,其實還蠻容易的,我大概解說一下做法。我是以Dreamweaver MX來製作JavaScript,將產生的程式碼放置到FLASH MX來運用。

其實可以直接copy等一下我的程式碼,但是我還是從頭作一次,大家就可以發現,可以利用Dreamweaver MX來產生一些程式,再丟到FLASH MX運用,利用這些方式,你甚至可以製作FLASH MX的留言版、討論區...,至於其他的東西,有時間再談,不然可以參考趙英傑的書--FLASH MX與XML動態網站應用實作,你會發現FLASH MX可以做的東西就更多了。

範例
http://twdesign.net/aaron/flash/lesson9/botton.html

廢話不多說,馬上開始:

1.開啟你的Dreamweaver MX,若是看不到行為面板,請先到功能表→視窗→行為,將行為面板呼叫出來。按下面板的+,選擇開啟瀏覽器視窗。

圖檔

2.對話框內輸入要連結的網址,以及勾選想要的屬性,例如想要出現狀態列與捲軸,就將兩個選項打勾,不想出現就不要打勾。按下確定

圖檔

3.功能表→檢視→程式碼,找到以下這段JavaScript,將其拷貝起來。

代碼: 選擇全部
MM_openBrWindow('http://design.twdesign.net','新視窗','status=yes,scrollbars=yes,width=500,height=300')


4,啟動FLASH MX(先不要關掉Dreamweaver MX),先製作你的按鈕元件,然後點選按鈕,按下F2呼叫動作面板,我以一般模式說明。左邊先選擇到瀏覽器/網路→GetURL,右邊URL的地方先輸入JavaScript:,然後加入剛剛拷貝的程式碼。完整內容應該像這樣:

代碼: 選擇全部
JavaScript:MM_openBrWindow('http://design.twdesign.net','新視窗','status=yes,scrollbars=yes,width=500,height=300')


圖檔

5.這樣就可以發佈FLASH動畫,不過請注意一下,功能表→檔案→發佈設定中,要一併產生HTML檔案。例如我將檔案儲存為botton.fla,發佈之後會產生botton.swf與botton.html兩個檔案。

6.切回Dreamweaver MX,在原始碼內找到以下程式碼,將其拷貝起來

代碼: 選擇全部
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>


7.利用Dreamweaver MX打開botton.html(就是剛剛產生的html檔案,跟swf檔案在一起),一樣在原始碼檢視環境下,將上面程式碼貼在</HEAD>標記之前。

圖檔

8.用瀏覽器開啟botton.html來看,按下按鈕就可以開啟自己設定的新視窗。
最後由 aaron 於 週三 9月 28, 2005 5:17 pm 編輯,總共編輯了 1 次。
.
.
Aaron Yin
http://yinlih.com
頭像
aaron
茶水小弟
茶水小弟
 
文章: 3748
註冊時間: 週二 5月 28, 2002 7:29 pm
來自: 設計魔力

文章擠普賽 » 週五 10月 03, 2003 3:28 am

挖------老大

我愛死你了

我以直想找出這個該怎麼弄出來---找了超超超級久的

問一些人人家也都不回我

真的是----------感激o_o'''
擠普賽
魔力小麻瓜
魔力小麻瓜
 
文章: 1
註冊時間: 週日 7月 07, 2002 10:34 pm

文章Zane_Huei » 週五 10月 03, 2003 9:54 am

哇~~~~~~~!! :o

Ya~!棒~~!謝謝aaron了~

之前問人也是踢到鐵板......=_="
圖檔 = 我還有得學呢....... =
頭像
Zane_Huei
魔法聖戰士
魔法聖戰士
 
文章: 111
註冊時間: 週三 3月 26, 2003 11:18 am
來自: 高雄

文章飛飛 » 週五 10月 03, 2003 5:54 pm

嗯~這個教學很吸引飛飛....謝謝aaron...^^

不過...
最令飛飛感興趣的_aaron的Flash為什麼動作面版是中文的...莫非... :lol:
.上線了, 上線了...圖檔
頭像
飛飛
魔法長老
魔法長老
 
文章: 957
註冊時間: 週四 6月 20, 2002 8:42 am
來自: 彰化...

文章aaron » 週五 10月 03, 2003 5:58 pm

飛飛 寫:嗯~這個教學很吸引飛飛....謝謝aaron...^^

不過...
最令飛飛感興趣的_aaron的Flash為什麼動作面版是中文的...莫非... :lol:


中文版不是中文版面嗎?
:roll:
.
.
Aaron Yin
http://yinlih.com
頭像
aaron
茶水小弟
茶水小弟
 
文章: 3748
註冊時間: 週二 5月 28, 2002 7:29 pm
來自: 設計魔力

文章SD-Aska » 週五 10月 03, 2003 5:59 pm

飛飛 寫:最令飛飛感興趣的_aaron的Flash為什麼動作面版是中文的...莫非... :lol:


耶?我的動作面版也是中文的耶…
不是一裝好都是這樣嗎? :roll:
頭像
SD-Aska
魔力榮譽顧問
魔力榮譽顧問
 
文章: 1658
註冊時間: 週二 3月 18, 2003 10:34 am
來自: 台中

文章飛飛 » 週五 10月 03, 2003 7:36 pm

顯然飛飛使用的是英文版中文化的...^^|||
.上線了, 上線了...圖檔
頭像
飛飛
魔法長老
魔法長老
 
文章: 957
註冊時間: 週四 6月 20, 2002 8:42 am
來自: 彰化...

文章cutespeed » 週一 11月 17, 2003 11:34 pm

大大,我試做了,可是沒有跳出符合我想要大小的視窗耶
會是哪邊出了錯啊?
再來,我看你的範例跳出來的也是一般_blank的新視窗
沒有設定到大小耶
請問是什麼情形啊?
cutespeed
魔法精靈
魔法精靈
 
文章: 38
註冊時間: 週四 8月 07, 2003 10:49 am

文章lfc18 » 週日 2月 29, 2004 7:06 pm

GOOD...
讚耶~想不到還有這一招... :D
要獨樹一格,靠的是不斷的學習...
頭像
lfc18
魔法騎士
魔法騎士
 
文章: 50
註冊時間: 週二 9月 09, 2003 10:22 am
來自: 法爾沃克

文章A.D » 週一 3月 01, 2004 9:00 am

謝謝教學啊~
這很好用^^
頭像
A.D
魔力小麻瓜
魔力小麻瓜
 
文章: 6
註冊時間: 週三 2月 18, 2004 8:52 am

文章wongo » 週二 3月 02, 2004 10:49 am

耶!猴塞雷
感謝教學馬上來試試看哩
網狗→網路衝浪狗
頭像
wongo
魔力小麻瓜
魔力小麻瓜
 
文章: 5
註冊時間: 週二 3月 02, 2004 9:50 am

文章still » 週五 3月 12, 2004 3:24 pm

真的很受用...謝謝教學 8)
頭像
still
魔力小麻瓜
魔力小麻瓜
 
文章: 3
註冊時間: 週三 3月 03, 2004 7:07 pm

文章yeasonth » 週五 3月 12, 2004 4:13 pm

美術創作 數位攝影 旅遊記事 社團活動
歡迎大家來交流 http://www.1adh.com
歡迎大家來討論 msn:bocst@hotmail.com
skype yeasonth
頭像
yeasonth
魔力版主
魔力版主
 
文章: 906
註冊時間: 週五 7月 12, 2002 2:31 pm
來自: 2008【彩•屋】

文章timothylai » 週一 4月 19, 2004 9:23 pm

:roll: 恩~~~我想問一下是否有人成功了
我做出來總是開心視窗後在網址列會出現下面這樣的訊息呢
javascript:openNewWindow('abc.htm','thewin','height=400,width=400,toolbar=no,scrollbars=yes')
最後由 timothylai 於 週三 6月 16, 2004 4:53 pm 編輯,總共編輯了 1 次。
timothylai
魔力小麻瓜
魔力小麻瓜
 
文章: 3
註冊時間: 週五 2月 06, 2004 3:50 pm

文章ㄚ央 » 週一 5月 24, 2004 10:15 pm

之前我也有想到說用dw來貼~
但沒想到前面還要加JavaScript: 這些東東
跟後面的程式碼^^"

要多多跟aaron大~學習囉~
ㄚ央
魔法聖戰士
魔法聖戰士
 
文章: 102
註冊時間: 週二 4月 27, 2004 10:24 pm

下一頁

回到 ::Flash與動畫製作

誰在線上

正在瀏覽這個版面的使用者:Google [Bot] 和 0 位訪客