制作动态url按钮

　在以下的文章里，将向您介绍如何制作一个动态的将您带到目标地址的按钮。在这个动态的URL按钮里，您可以输入不同的url地址，然后点击确定按钮，于是它便会自动将您带到所输入的目标中。 

    　　其实要制作这样一个按钮不难，如果我们熟练掌握flash里action的If语句，要办到这一点也不难。下面的例子的思路是我们创建两个按钮，一个叫“url”，另一个叫“Reset”。我们通过给“url”添加一段action，让它来判断输入文本框的文本是否带有“http：//”。如果有便按照所输入的地址在新建的窗口中打开目标地址；如果没有，便自动在文本框里所输入的地址前添加“http：//”，然后在新建的浏览器窗口中打开目标地址。在名为“Reset”的按钮中添加一段action，以使我们在此按钮上双击时，系统自动清除文本框中的地址，以供我们重新输入地址。

   下面便一步步介绍如何制作这个特效：

 步骤一：创建电影和symbols

 要制作这个特效，我们必须创建一个新的电影。你可以在菜单栏里的“File”菜单里选择“New”（或是按快捷键ctrl+N），这样便新建了一个flash文件（默认尺寸是500*450）。在工具栏中点击文本工具（如图1）  ，并在“Text Options”面板中选择“Dymamic Text
 

 
 （动态文本）”如图2。然后在舞台上添加一个文本，方法如下：将鼠标移至舞台，点击鼠标左键并将左键按住，然后拖动鼠标，此时随着你的拖拽，舞台上便出现一个方框，在你觉得它的大小合适时，松开鼠标，于是一个可活动的文本框便创建出来如图3

 

 
 图3
 　

 将你刚刚创建的这个活动文本框选中，然后在“Text Options”面板中的“Variable”中填入“url”，点选“Border/Bg”前的框。如图4
 

 
 图4
 　

 在Variable框中，为你这个文本框取一个Instance（实物）名，即“url”。注意，这一步对初学者很重要，因为flash的action是通过辨认Instance的名来识别物件的，而不是library（图库）里的symbols名，这两个名是不同一回事的。很多初学者就是把symbols名当作Instance名，从而导致action失效。好啦，我们就给这个文本框取一个Instance名“url”。

步骤二：在这一个步骤里，我们再创建两个按钮，以为下面设置动作做好准备。

　　创建按钮方法如下：在菜单栏里的“Insert”按钮中点击“Insert”------>“Nne symbol”命令，弹出新symbol对话框，我们给这个symbol起个名“Go”然后在下面属性复选框中点选“botton”前面的复选项（表明这个所加进去的是个按钮），完成后点击“ok”。如图5

图5

　　于是进入这个名为“Go”的按钮的编辑面板中，在“Up”桢中右击鼠标，并在弹出的快捷菜单中点击“Insert Key Frame”（插入一个关键桢）。再点击工具栏的文字工具，来到舞台上点击从而产生一个文本框，在此文本框里输入“Go”。当然，你还可以为此按钮设置一个触发范围，这里不作详述。这样便完成“Go”按钮的设置。下面再按照以上的方法再添加一个symbol名叫“Reset”的按钮（要注意的是这个按钮的symbol名和“Up”桢里都输入“Reset”）。完成这两个按钮的设置后，点击编辑场景（如图6）

图6

　　回到此flash文件的主编辑舞台。在菜单栏里的“windows”中点击“library”（图库），打开这个flash文件的“library”。在这个library中，将“Go”和“Reset”按钮拖到舞台上的文本框的下面，方法是用鼠标点击并按住左键，拖动鼠标来到文本框下的适当位置，松开鼠标，此时那个按钮的一个Instance（分身）便定位于此。至此，按钮的放置便完成，下面给按钮添加action

步骤三：添加action

 右击击“Go”按钮，在弹出的菜单中选择“Actions”如图7

图7

并点击，于是弹出“Action”面板。我们在action面板中添加下面的action：

On (Release,key:<Enter>)

If(url ne " ")

   If(Substring(url,1,7)NE"http://")

Get URL("http://"&url,window="_blank")

Else

Get URL(url,window="_blank")

End If

   End If

End On
如图8

下面我们一行行来分析这些action的功能以及这个思路。

　　最重要的是在第二行action语句里，“If”语句用“Substring”功能来测试前7个字符中没有包含"http://"。这在这个action里是至关重要的。因为如果你在文本区输入的“url”中没有"http://"标记，那得给它加进一个，否则这个“url”便被当作是本地路径。

　　如果所输入得“url”中缺省了"http://"，于是便用第四行中的“Get URL”action来给它添加。“Get URL”action的功能是在用户往“url”文本区输入的任何字符的前面添加"http://"字符，以使你所输入的“url”得以被浏览器辨认。比如，如果你往文本区中输入"www.5Dmedia.com",那么便会得到的URL代码将是"http://www.5Dmedia.com"。

　　特别注意的是：要确保URL框中的“Expression”按钮被选中，如果不选此项，浏览器便在Internet中尝试打开"http://"和URL，而你所做的一切都将白费。

　　如果用户在文本区输入的URL中包含有"http://"，第二行action中的If语句中的“Substring”功能便能检测到所输入的字符的前7个字符里包含有"http://"字符，这样便可免去又添加"http://"这一项，而是将这一地址直接地当作“url”。

同样，你也要万分注意要将url框中的“Expression”按钮选中，否则也会前功尽弃的。

在名为“Reset”的按钮上双击鼠标，并在弹出的Instance属性对话框中输入以下action：

On(Release)

   Set Variable:“url”=" "

End On

　　这个action的功能就是，在你双击它的时候，将文本区中的字符清除掉，从而“重置”文本框，以供下一次输入url地址。

　　至此，这个特效边创制完毕，你就可以测试这个特效啦。在菜单栏里的“File”菜单里选择“Publish Preview”命令（或直接按快捷键F12），这样Flash便产生一个html文件，里面便有你所创建的Flash播放文件（SWF）。呵呵，你往文本框中输入一个URL地址，看看能不能打开相应的地址