Linking to URL in Action Script 3

• Tweet

• Tweet

Introduction

The way Action Script deals with events on buttons and movie clips is totally different than the old one we used to do with Action Script 2, but generally it is more professional and saves time and effort if you understood it well.

The new Action Script 3 is showing a new trend on the Action Script language by moving to the Object oriented programming concept. However, in this article, I will show the new method to create a link to URL in Action Script 3 file.

Requirements:

Adobe Flash CS3 professional

• Try
• Buy

Sample files01.zip

To complete this tutorial, you will need basic knowledge of using Adobe Flash CS3 Professional.

Create your button:

First, we will create a button on the stage, and give it an instance name like following:

1- Create a button on the stage.

2- From the properties panel, give your button an instance name in the instance name field. Here, I named the button “button_mc”.

Adding the Action Script

As we said in the last article, the new Action Script 3 does not allow you to add action on movie clips or buttons as we used in Action Script 2. However, we will create a new layer and name it Action Script to add the button Action as following:

1- Create a new layer and name it Action Script

2- Press F9 to access the Action panel

3- In the Action panel, we will add the action as following:

a. At the first link we will add a variable that will contain the URL we want to link to. Here we will add a variable named “link” and it will include the URL on Graphic Mania Site ” www.graphicmania.net “. So the code of the first line will be like following:

var link:URLRequest = new URLRequest (“www.graphicmania.net”);

b. In the second line, we will add an event listener that will make the button listen to the user click like following:

button_mc.addEventListener(MouseEvent.CLICK, gooo);

c. After adding the event listener, we will create the function that will show the button what to do once the user click on it.

function gooo(event:MouseEvent):void { navigateToURL(link); } The function, which we named it “gooo” tells the button to navigate to the URL stored in the link variable we declared in the first line of code.

However, the full code we will ad is as following:

var link:URLRequest = new URLRequest (“www.graphicmania.net”);

button_mc.addEventListener(MouseEvent.CLICK, gooo);

function gooo(event:MouseEvent):void {

navigateToURL(link);

}

Where to go from here

The differences between the old AS2 and the new AS3 are huge, but it really deserves to learn, it will give you more capabilities and more flexibility. If you are a designer that seeks a better performance to your work and more capabilities, then AS3 will give you what you need and more.

Tags: Action Script Tutorials, Adobe Flash tutorials, Flash

Category: Flash tutorials