2008/12/30 (Tue) ⑮ クリックでURLへジャンプ

クリックしたら他のサイトに飛ぶ、というのはHTMLではとても簡単ですがアクションスクリプトではイベントリスナーを使います。

アクションスクリプトのようなオブジェクト指向プログラムというのはURLもオブジェクトつまりインスタンスとして扱います。

URLをオブジェクトとして生成し、それを何らかの名前の変数に代入して扱います。
変数というのは関数とは違います

アクションスクリプトでは値（URLなど）を変数として扱うので一度URLを変数として定義します。

変数を生成する

• var 変数名:変数の形 = 値；

という形です。
実際にGoogleのURLだったとして変数名jumpGoogleを生成すると。

• var jumpGoogle:URLRequest = new URLRequest("http://www.google.co.jp/");

となります。
newはインスタンスを生成する演算子です。newのあとにはコンストラクタを指定します。このときのコンストラクタはURLRequest()というメソッドです。
URLRequest()はダブルクォーテーションで囲まれた値（URL）を定義します

コンストラクタはオブジェクトを生成するためのメソッドです。このときはhttp://www.google.co.jp/というURLをURLRequest()メソッドを使ってjumpGoogleという変数に代入しています。

URLへジャンプする関数

• navigateToURL(変数)

この関数がURLへジャンプするための関数です。カッコの中の引数にはURLを変数として渡してあげます。先ほどのjumpGoogleを変数として渡すと。

• navigateToURL(jumpGoogle);

となります。

関数を登録

function演算子で上記のステートメントを関数として登録します。

• function jumpToGoogle(event:MouseEvent){
• var jumpGoogle:URLRequest = new URLRequest("http://www.google.co.jp/");
• navigateToURL(jumpGoogle);
• }

イベントリスナーの登録

イベントリスナーにボタンをクリックすると上記のスクリプトが実行されるプログラムを書きます。

• jumpButton1.addEventListener(MouseEvent.CLICK,jumpToGoogle);

今回はjumpButton1というインスタンスをボタンとして使います。
イベントの種類はマウスイベントのクリックとします。
それによって実行される関数名はjumpToGoogleという関数です。

• //Googleに飛ぶための関数//
• function jumpToGoogle(event:MouseEvent){
• var jumpGoogle:URLRequest = new URLRequest("http://www.google.co.jp/");//Googleに飛ぶためのURLをインスタンスとして生成//
• navigateToURL(jumpGoogle);
• }
• //jumpButton1によるイベントリスナー。jumpToGoogleを呼び出す。//
• jumpButton1.addEventListener(MouseEvent.CLICK,jumpToGoogle);
  
  
   
• //yahooに飛ぶための関数//
• function jumpToYahoo(event:MouseEvent){
• var jumpYahoo:URLRequest = new URLRequest("http://www.yahoo.co.jp/index.html");//Yahooに飛ぶためのURLをインスタンスとして生成//
• navigateToURL(jumpYahoo);
• }
• //jumpButton2によるイベントリスナー。jumpToYahooを呼び出す。//
• jumpButton2.addEventListener(MouseEvent.CLICK,jumpToYahoo);