Ｊａｖａ Ｓｃｒｉｐｔの解説
４．スクロール
１．子ウインドウを開く（Ｎｏ１）
新しいウインドウを開いて，新しいページ呼び出すプログラムです。
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
＜ＨＴＭＬ＞
＜ＨＥＡＤ＞
＜ＴＩＴＬＥ＞Java Script 例１＜／ＴＩＴＬＥ＞
＜ＳＣＲＩＰＴ ＬＡＮＧＵＡＧＥ＝”ＪａｖａＳｃｒｉｐｔ”＞
＜！−−
ｆｕｎｃｔｉｏｎ ｎｅｗｗｉｎ（ｆ）｛
ｎｗ＝ｗｉｎｄｏｗ．ｏｐｅｎ("../stoma-page/stoma51.html","nwind1","WIDTH=180,HEIGHT=250,
SCROLLBARS=1,RESIZABLE=0,TOOLBAR=0,MENUBAR=0,LOCATION=0,DIRECTORIES=0,STATUS=0");
}
／／−−＞
＜／ＳＣＲＩＰＴ＞
＜／ＨＥＡＤ＞
＜ＢＯＤＹ＞
＜ＦＯＲＭ ＭＥＴＨＯＤ＝”ＰＯＳＴ”＞
＜ＩＮＰＵＴ ＴＹＰＥ＝”ｂｕｔｔｏｎ” ＶＡＬＵＥ＝”新しいウインドウ” ｏｎＣｌｉｃｋ＝”ｎｅｗｗｉｎ（ｔｈｉｓ．ｆｏｒｍ）”＞
＜／ＦＯＲＭ＞
＜／ＢＯＤＹ＞
＜／ＨＴＭＬ＞
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
例１表示 ここをクリックして下さい。例が表示されます。
＜解説＞
例のｎｗ＝ｗｉｎｄｏｗ．ｏｐｅｎ（． ）は，改行せず１行で書いて下さい。
1.ｎｗ＝ｗｉｎｄｏｗ．ｏｐｅｎ（．．． ：新しいウインドウをｎｗにオープンします。
2.ｗｉｎｄｏｗ．ｏｐｅｎ("../stoma-page/stoma51.html","wind1",．．．
ｗｉｎｄｏｗ．ｏｐｅｎ("新しいウインドウに開くページのある場所","ウインドウの名前",．．．
3.各種パラメータ
ＷＩＤＴＨ ：ウインドウの幅（ピクセル値） ＨＥＩＧＨＴ ：ウインドウの高さピクセル値）
ウインドウに付属のバーなど表示するかどうかの設定です。以下の設定は，（０：なし，１：あり）になります。
ＳＣＲＯＬＬＢＡＲＳ ：スクロールバー（０：なし，１：あり） ＲＥＳＩＺＡＢＬＥ ：ウインドウサイズの可変
ＴＯＯＬＢＡＲ ：ツールバー ＭＥＮＵＢＡＲ ：メニューバー ＬＯＣＡＴＩＯＮ ：ロケーション窓
ＤＩＲＥＣＴＯＲＩＥＳ ：新着情報などのボタン ＳＴＡＴＵＳ ：ステータスバー
次の例のように省略してもかまいません。
4.＜ＩＮＰＵＴ ＴＹＰＥ＝”ｂｕｔｔｏｎ” ＶＡＬＵＥ＝”新しいウインドウ” ｏｎＣｌｉｃｋ＝”ｎｅｗｗｉｎ（ｔｈｉｓ．ｆｏｒｍ）”＞
「新しいウインドウ」というボタンを表示して，それが押されたときｎｅｗｗｉｎ（）という関数がよばれて実行されます。
２．子ウインドウを開く（Ｎｏ２）
次のような方法でも，新しいページを開くことができます。関数中にメーセージを記載するという方法です。
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
＜ＨＴＭＬ＞
＜ＨＥＡＤ＞
＜ＴＩＴＬＥ＞Java Script 例２＜／ＴＩＴＬＥ＞
＜ＳＣＲＩＰＴ ＬＡＮＧＵＡＧＥ＝”ＪａｖａＳｃｒｉｐｔ”＞
＜！−−
ｆｕｎｃｔｉｏｎ ｎｅｗｗｉｎ（）｛
ｎｗ＝ｗｉｎｄｏｗ．ｏｐｅｎ（””，””，"WIDTH=180,HEIGHT=250");
ｎｗ．ｗｉｎｄｏｗ．ｗｒｉｔｅ("＜Ｈ２＞新しいウインドウです。＜／Ｈ２＞");
ｎｗ．ｗｉｎｄｏｗ．ｗｒｉｔｅ("＜FONT COLOR=red＞テスト用のウインドウです＜/FONT＞＜BR＞");
ｎｗ．ｗｉｎｄｏｗ．ｗｒｉｔｅ("＜H3＞＜FONT COLOR=blue＞テストです。＜/FONT＞＜/H3＞");
}
／／−−＞
＜／ＳＣＲＩＰＴ＞
＜／ＨＥＡＤ＞
＜ＢＯＤＹ＞
＜ＦＯＲＭ ＭＥＴＨＯＤ＝”ＰＯＳＴ”＞
＜ＩＮＰＵＴ ＴＹＰＥ＝”ｂｕｔｔｏｎ” ＶＡＬＵＥ＝”新しいウインドウ” ｏｎＣｌｉｃｋ＝”ｎｅｗｗｉｎ（）”＞
＜／ＦＯＲＭ＞
＜／ＢＯＤＹ＞
＜／ＨＴＭＬ＞
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
例２表示 ここをクリックして下さい。例が表示されます。
ファイルを新ウインドウに表示する以外に，関数内に記載して表示する方法もあります。
1.ｎｗ＝ｗｉｎｄｏｗ．ｏｐｅｎ（．．． 新しいウインドウをｎｗにオープンします。
2.ｎｗ．ｗｉｎｄｏｗ．ｗｒｉｔｅ（） 開いたｎｗに（）内のＨＴＭＬ文を表示します。
（）内に書くＨＴＭＬ文では，「”」は使えません。省略するか「’」を代わりに使います。
３．ウインドウのスクロール
＜パターン１＞
ボタンを押すと，新しいウインドウが開き内容が自動的にスクロールします。
例１のような新しいウインドウを呼び出すページを作ります。
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
ｆｕｎｃｔｉｏｎ ｎｅｗｗｉｎ（ｆ）｛
ｗｅ＝ｗｉｎｄｏｗ．ｏｐｅｎ("script30.html","nwind2","WIDTH=450,HEIGHT=100,SCROLLBARS=1");
}
呼び出されるｓｃｒｉｐｔ３０．ｈｔｍｌの中身は，次のようになります。
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
＜ＨＴＭＬ＞
＜ＨＥＡＤ＞
＜ＴＩＴＬＥ＞Java Script ＜／ＴＩＴＬＥ＞
＜ＳＣＲＩＰＴ ＬＡＮＧＵＡＧＥ＝”ＪａｖａＳｃｒｉｐｔ”＞
＜！−−
ｖａｒ ｔｉｄ；
ｖａｒ ｎ＝０；
ｆｕｎｃｔｉｏｎ ｓｃｒ（）｛
ｔｉｄ＝ｓｅｔＴｉｍｅｏｕｔ（”ｓｃｒ（）”，１００）；
ｉｆ （ｎ＞２００）｛ｎ＝０；｝
ｅｌｓｅ｛ｎ＝ｎ＋４；ｓｃｒｏｌｌ（０，ｎ）；｝
｝
ｆｕｎｃｔｉｏｎ ｓｔｏｐ（）｛
ｃｌｅａｒＴｉｍｅｏｕｔ（ｔｉｄ）；
}
／／−−＞
＜／ＳＣＲＩＰＴ＞
＜／ＨＥＡＤ＞
＜BODY BGCOLOR="#ffffff" onload="scr();" onunload="stop();"＞
＜BR＞
＜H3＞自動スクロールのテストです。＜/H3＞
ＩＥ Ｖｅｒ４．０１は，動きます。＜ＢＲ＞
ＮＳ Ｖｅｒ３．０１は，動きます。＜ＢＲ＞
ＮＳ Ｖｅｒ４．０５は，動きます。＜ＢＲ＞
ＩＥ Ｖｅｒ３は，調べてません。＜ＢＲ＞
ＩＥ Ｖｅｒ３は，だめでかな？。＜ＢＲ＞
＜FONT COLOR=red＞自分の工夫しだいでバリエーションができます。＜/FONT＞＜ＢＲ＞
上にスクロールするだけでなく，下にスクロールすることもできます。＜ＢＲ＞
ｉｆ文の所を工夫すれば，色々なことができます。＜ＢＲ＞
n=n+ay; if (n==0||n=200) {ay=-ay} scroll(0,n);＜ＢＲ＞
あまりヒントになりませんか？＜ＢＲ＞
色々なバリエイションを考えて下さい。＜ＢＲ＞
＜ＢＲ＞
＜ＢＲ＞
＜ＢＲ＞
＜ＢＲ＞
＜ＢＲ＞
＜ＢＲ＞
＜ＢＲ＞
＜／ＢＯＤＹ＞
＜／ＨＴＭＬ＞
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
例３表示 ここをクリックして下さい。例が表示されます。
1.＜BODY BGCOLOR="#ffffff" onload="scr();" onunload="stop();"＞
ウインドウが開くとｓｃｒ（）の関数が呼び出されます。ウインドウが閉じるとｓｔｏｐ（）の関数が呼び出されます。
2.ｓｃｒ（）関数
ｔｉｄ＝ｓｅｔＴｉｍｅｏｕｔ（”ｓｃｒ（）”，１００）；
０．１秒毎にｓｃｒ（）の関数が呼び出され実行されます。スクロールをゆっくりにしたい場合は１００を２００や３００にして下さい。
scroll(0,n);ウインドウをスクロールする命令です。 scroll(ｘ１,ｙ１);ｘ方向（横）にｘ１ピクセルだけスクロールする。ｙ方向（縦）にｙ１ピクセルだけスクロールする。
例では，ｘ方向は０ですのでスクロールしません。ｙ方向はｎピクセルだけスクロールします。
3.ｉｆ文 条件文
if (n>200) {ｎ＝０;}
else {n=n+4;scroll(0,n);}
ｎが２００以上の場合次のｉｆ文の次の｛ ｝の内容が実行されます。違う場合はｅｌｓｅ文の次の｛ ｝が実行されます。
例文は，ｎが２００を越えたらｎを初期化（０にする）して，スクロールを繰り返します。
ｎが２００以下であれば，ｎの数を４増加させて，ｓｃｒｏｏｌ命令を実行します。
ｎは４，８，１２，１６と増加していきます。ｎが２０４になった時，初期化されて０になります。
4.ｓｔｏｐ（）関数
ウインドウが閉じられたとき，ｓｃｒ（）の関数の動きを止めなければいけません。でないとエラーになります。
ｃｌｅａｒＴｉｍｅｏｕｔ（ｔｉｄ）；
これにより，停止します。
5. 最初と最後に空白行をいれた方が見やすいです。この設定では，空白行を含めて大体１６行ぐらいが最適です。
6.行数との関係
ウインドウの高さは２５０ピクセルの設定，スクロールは４ピクセルづつ増加していきます。文字の大きさなどによりスクロールがうまくいかない場合があります。
この設定では，ＩＥでは１６行，ＮＳでは２０行ぐらいまでがうまく表示できます。文字の設定を変えてない限り，ＩＥは，ＮＳに比べて文字が大きいですのでＩＥの方が行数が少なくなります。
どちらでもうまく表示するためには１６行にして下さい。
ウインドウの高さ（２５０ピクセル），スクロールする単位（４ピクセル），文字の大きさ，行数，ｎの条件式（ｎが２００までスクロールする。４ピクセル増加で約５０回）
これらが，色々関係してますので，設定条件を変える時は，必ずうまくいくか確認して下さい。ＩＥとＮＳでも違います。ＮＳでうまく表示される行数より少しすくなめにすればいいです。
＜パターン２＞
ページが開くと自動的に新しいウインドウが開き自動的に内容がスクロールします。
例４表示 ここをクリックして下さい。例が表示されます。
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
＜BODY BGCOLOR="#80ffff" onLoad="newwin();"＞
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
ｆｕｎｃｔｉｏｎ ｓｃｒ（）｛
ｔｉｄ＝ｓｅｔＴｉｍｅｏｕｔ（”ｓｃｒ（）”，１００）；
ｉｆ （ｎ＞２００）｛ｃｌｅａｒＴｉｍｅｏｕｔ（ｔｉｄ）；ｃｌｏｓｅ（）；｝
ｅｌｓｅ｛ｎ＝ｎ＋４；ｓｃｒｏｌｌ（０，ｎ）；｝
｝
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
ｏｎＬｏａｄ＝”ｎｅｗｗｉｎ（）”；”でページが開いたとき，関数ｎｅｗｗｉｎ（）が実行されます。
ｃｌｅａｒＴｉｍｅｏｕｔ（ｔｉｄ）；ｃｌｏｓｅ（）；で１回表示すれば自動的に閉じます。
ｃｌｏｓｅ（）はウインドウを閉じることです。
４．テキストエリアのスクロール
ウインドウではなく，テキストアリアの文字を表示して自動的にスクロールします
これは，表示する文字の大きさ，色は指定できません。
例５表示 ここをクリックして下さい。例が表示されます。
改造時の注意
テキストエリアは５行，表示する文字列は２０行の設定になってます。
for (i=0;i<5;i++) {str=str+msg[i+count];}
テキストエリアの行数を変えれば，ｉ＜５の所も変える必要があります。ここの意味は，msg[0]+msg[1]+msg[2]+msg[3]+msg[4]
表示，次に msg[1]+msg[2]+msg[3]+msg[4]+msg[5]を表示と１行ずつ表示をおくる事を意味します。それによりスクロールしています。
テキストエリアを３行にする場合は，ｉ＜３となります。
count++;
if (count>=15) {count=0;}
表示する行数は２０行ですので最後は msg[15]+msg[16]+msg[17]+msg[18]+msg[19]で count=15になった所で終了を意味します。
テキストエリア５行で，２５行表示したい場合はｃｏｕｎｔ＞＝２０という条件式になります。
娯楽室の各部屋
