ボタンで小さなウインドウを表示させよう
表示の例
 ボタンを押すと、小さなウインドウが開きます。
プログラムAのソースをコピーして、小さなウインドウを表示させたいページ(ボタンをつけるページ)のHTMLソースのHEAD区間に貼り付けしましょう。
プログラムAのソース
<SCRIPT LANGUAGE="JavaScript">
<!--
function new_win2(){
window.open("java_swindow1.html","","width=400,height=100");
}
//-->
</SCRIPT>
プログラムAのソースの上から4行目の java_swindow1.html が小さなウインドウのアドレス(ファイル名)ですから、あらかじめ小さなウインドウ用のページを作っておき、そのページのアドレスにかえてください。
表示される小さなウインドウのサイズは width=400,height=100, のところで指定をします。よこのサイズなら 400 を、たてのサイズなら 100 をかえてください。
プログラムBのソースをコピーして、ボタンを表示させたい場所のHTMLソースのBODY区間に貼り付けしましょう。
プログラムBのソース
<FORM>
<INPUT type="button" value="ウインドウ" onClick="new_win2()">
</FORM>
2行目の value="ウインドウ" の ウインドウ がボタンに表示される文字ですから、あなたの好きな文字にかえてくださいね
ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。
※ 動作確認について
ホームページ作成ソフトのプレビューなどでは、ウインドウが表示されるだけになり、プログラムAのソースで指定したページが表示されないようですから、必ずブラウザで動作確認をしてください。
5・6年生にもわかるやさしいJavaScriptのTOPへ