ActiveX 的另一使用方式

利用Director製作瀏覽器


課程作者:怪博士

前言: 利用ActiveX與Lingo的搭配使用,製作一個自訂的瀏覽器。

課程 ex03-1

如何不需要透過WebXtra,就可以直接在Director瀏覽網站
如何不需要透過 IE,而由自己訂做一個瀏覽器

Lingo語法認識

sprite(x).navigate("http://www.xxxxxx.com.tw")

說明:

讓某個ActiveX物件的Sprite連結到某個網站

 

sprite(X).goBack()

說明:

瀏覽的網頁回到上一頁

 

sprite(X).goForward()

說明:

瀏覽的網頁回到下一頁

 

 


課程 ex03-2

 

專案名稱 : 軟大的網站連結 (陽春版)

專案背景 :

希望能夠將軟大的網頁直接指定進入,而不需透過開啟IE或Netcape視窗。


 

製作步驟如下

1. 先將專案影片的大小確定。如圖 1所示


圖 1

2. 製做一個 ActiveX 的角色。點選 Insert → Control→ ActiveX指令。如圖 2所示


圖 2

3. 請選擇 Microsoft Web Browser。如圖 3所示


圖 3

 

4. 跳出相關選項的控制視窗,此時我們無須由此處設定,故直接按 OK 確認。如圖 4所示


圖 4

 

5. 在 Cast Window就產生一個ActiveX的 Web Browser cast了,直接拖曳到舞台上成為 Sprite 1。如圖 5所示


圖 5

 

6. 將此 Sprite 的大小與位置設定。時間長度設為5格 Frame,如圖 6所示


圖 6

 

7. 回到 Score Window上,在鏡頭程式的Frame5點兩下,打開 Behavior Script 視窗。如圖 7所示


圖 7

 

鍵入以下Lingo,如圖 8所示


圖 8

9. 關閉視窗後,直接執行播放觀看結果。如圖 9所示


圖 9

當然也可以把這個檔案建立為 Projector,就是自己設計的瀏覽器了

 


 

課程 ex03-3

 

專案名稱 : 可輸入網址的瀏覽器 (加強版)

專案背景 :

除了直接指定網址的方式外,也希望可以由使用者直接輸入的方式,到輸入連結之網站瀏覽。


製作步驟如下

前期的製作方式皆如同前面的7個步驟,請延續本課程教材進度。
所不同的地方是由使用者輸入網址的部分,必須要建立一個文字欄位,以供使用者輸入。
此輸入後的處理就要藉由 Lingo 的控制了。

 

8. 首先建立兩個文字角色member 3 跟 member 4,及一個按鈕角色 member 5,
member 3 內容為 'Http://' 是不允許更改的,
member 4 則是可輸入網址的文字角色。(屬性設定為Editable),如圖 10所示


圖 10


而按鈕角色則可任意訂定,可以是任何的圖形角色。如圖 11所示

 


圖 11所示

 

9. 將原先的Frame5的Behavior,修正如圖 12所示

增加一個變數 Web,當有輸入新的網址時代入此變數中


圖 12


10. 直接在Cast Window來設定按鈕的角色上的Lingo程式,
當使用者輸入網址完成後按此按鈕時,將會執行此程式,如圖 13所示


圖 13

 

 

請預覽播放,並試試看輸入 www.kimo.com.tw 再按下連結按鈕!!如圖 14所示


圖 14


課程 ex03-4

專案名稱 : 可回上一頁及下一頁(功能版)

專案背景 :

除了直接指定網址的方式外,也希望可以由使用者直接輸入的方式,到輸入連結之網站瀏覽。
以及增加回上一頁及到下一頁的功能按鈕


製作步驟如下

11. 在Channel 6及Channel7產生兩個按鈕,如圖 15所示


圖 15

12. 在Cast Window直接設 "回上一頁"按鈕的Lingo,如圖 16所示


圖 16

在Cast Window直接設 "到下一頁"按鈕的Lingo,如圖 17所示


圖 17

請預覽其效果

原始檔下載

回課程目錄

回課程目錄