Webふぉれすと
Web制作、Webデザインのスキルアップに役立つ情報をお届けします!
みんなが癒され、元気になるWebを目指します。
サイトマップはこちら
PI-chicc,PA-chicc
うぇぶ実験室
ふぉれすとCafe
NANAKORO*BEANS
くりっくりんく
イベント・セミナーを探せ!
ふぉれすとかわらばん
がしがし通信
今日のスタッフ
スタッフプロフィール
ご意見ご感想フォーム
トップページにもどる
Webふぉれすとトップ>うぇぶ実験室

Flashで新しいウィンドウを開いてみよう

別ウィンドウで開くHTMLのプロパティを設定してみる

Flashのシーン上に配置されたボタンそれぞれに、別ウィンドウを開く設定をいれていきます。
これにはActionScriptというプログラムを使うので、アクションウィンドウを開きます。
(※アクションウィンドウには、ノーマルモードとエキスパートモードの2つがありますが、今回はエキスパートモードを使っています。)

ボタンを選択すると、枠で囲まれます。
そのときアクションウィンドウに書き込みができるようになります。
Flashでボタンをクリックして新しいウィンドウを開くには、getURLという命令(メソッド)を使えば簡単にできます。

Flashから新しいウィンドウをひらく
(ウィンドウのサイズ指定などプロパティを変更することは出来ない)

on (release) {
getURL(newwindow.html, "_blank");
}


しかし、今回の実験の目的は「ウィンドウのサイズを指定して開く」です。このままでは開くウィンドウのサイズを指定することも、ツールバーの表示非表示などを変更することもできません。
HTMLで新しく開くウィンドウのプロパティをいじるときは、

window.open("開くHTMLのURL","ウィンドウ名","サイズや開く場所などプロパティ")

というJavaScriptの命令(メソッド)を使いますよね。

HTMLから新しいウィンドウをひらく
(ウィンドウのサイズを指定するJavaScript)

<a href="javascript:void(0)" onClick="window.open('xxxx.html', 'newwin','width=300,height=300')">あたらしいページがひらくよ</a>

サンプルはこちら

どうやら、これをそのままFlashにもっていけばよさそうです。

さきほどのJavaScriptを応用して、A,B,Cそれぞれのボタンのアクションウィンドウに、以下のようなプログラム(ActionScript)を書いてみました。
on(release)=マウスの左ボタンが離れた時に(左ボタンを押しただけでは動きません)、getURL=URLを取得して、ウィンドウを開いています。

Flashから新しいウィンドウをひらく
(ウィンドウのサイズを幅300ピクセル、高さ300ピクセルに指定した)

on (release) {
getURL("JavaScript:newwin=window.open('a.html','sample',
'width=300,height=300,');void(0);");
}


これで希望通りのウィンドウを開くことができました。

この方法を使うと、ウィンドウサイズ以外にも細かい指定をすることができます。
JavaScriptの本やサイトで紹介されているので、興味のある方は調べてみてくださいね。

前のページへ
うぇぶ実験室トップ
続きを読む


Copyright(c)2002-2004 Step-First All rights reserved. [About WebForest]
E-Mail:webforest@step-first.com