◆HPのBGM小技◆

BGMを鳴らしっぱなしにするには?
ページを同時に2枚開かせる小技
ウインドウの大きさを変えてみよう
ボタンを押してウインドウを出す技


■BGMを鳴らしっぱなしにするには?

タグでBGMを貼り方は解ったけれど、1ページ毎に
貼りつけてるのでページが変わる度に曲が途切れてしまうのですが
これを解消する方法はありますか?
ってお悩みのメールを以前結構受けました。解消する方法は
ありますし、方法も多数存在します

一番有名で簡単なやり方としてはページの
切り替わらないフレーム固定側にMIDIを設置すれば
その部分だけ切り替わらないので当然音は鳴りっぱなしに
なります。ページレイアウト上フレームっぽくしたくない
場合はフレーム固定側をピクセル
0でリサイズ出来なくするという手もあります

最近ではソフトなどで簡単に
フレームページが作れるので。HTMLの知識が無い場合
自信が無い場合はそちらを使用するのが無難かもしれません
フレームページ作り方の説明はHTML専門のページに
お任せするとして・・ここではまずはフレーム以外に
JavaScriptの小技を利用した
BGMを鳴らしっぱなしにする方法を説明します


TOP

ページを同時に2枚開かせる小技

これはホームページを開いた時に同時に2枚開かせる
JavaScriptの小技ですまずはBGMを貼りつけた
ページを用意しましょう
とりあえず最初大きさは気にせず見本として
下の画像のような感じでページ作ってみます
中央寄せを設定しておくと後で楽です
このファイル名はとりあえずsankou.htmとします
           ↓



ソフトを使ってる場合はソースの編集画面を表示させてください
BGM貼りつけの時と同じ要領で下の表のスクリプトをマウス
のコピーで拾って<BODY>と</BODY>の間に入れてください。
(解らない場合はソースから<BODY>を探してその真下に貼りつけて下さい)
そしたら赤字のsankou.htmを作成したファイル名に変えて下さい。

この時注意するのは作成の時htmの部分がhtmlになってる
場合があるので直す前にファイルを確認してみて下さい


<SCRIPT LANGUAGE="JavaScript">
w=window.open("sankou.htm","window","width=300,height=200")
</SCRIPT>


するとページの他にもう1枚ウインドウ
(最初に作ったBGMを貼りつけたページ)が開きます
※下の【サンプル】をクリックすると見本がでます

【サンプル】


TOP

■ウインドウの大きさを変えてみよう

このウインドウは少し大きめです。ではプレイパネルと
文字がもうちょっとだけぴったり収まるように設定してみましょう
赤字のwidth=250,height=150の部分を見てみましょう
widthというのが幅でheightというのが高さです
今回プレイパネルの大きさをwidth=145,height=60設定してあるので
文字が入るという事を前提に考えてwidth=250,height=150くらいで
設定します。

<SCRIPT LANGUAGE="JavaScript">
w=window.open("sankou.htm","window","width=250,height=150")
</SCRIPT>


【サンプル】

TOP

■ボタンを押すとウインドウを開く

コピー・ペーストで切り貼りして部分的に変更して
設定するJavaScriptには慣れてきましたでしょうか?
では次はもう少しだけ凝った事をしてみましょう。
次はボタンを押すとウインドウが開くというやり方を説明します
どういう事かといいますと。。とりあえず下のボタンを
押してみて下さい



これを押して初めてウインドウが出ましたよね?つまりBGMスタート
を必要に応じて出してもらえるようにするのです。
これは今までのに比べるとちょっとややこしいかもしれませんが・・・
下の記述を上の方にある<HEAD></HEAD>の中に、解らなければ<HEAD>の
真下にコピーペーストで貼りつけて下さい。貼りつけたら
緑のsankou.htmの部分を作成したファイル名に変えて下さい。
紫の部分Height=150,Width=250がウインドウの大きさですので
好きなサイズに設定して下さい


赤字のtoolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=no,resizable=yes');
の部分noをyesに変えるとウインドウが色々変化しますので色々実験してみてください


<!-- ここから -->
<SCRIPT LANGUAGE="JavaScript">

<!--

function newwindow()

{

window.open("sankou.htm","window","Height=150,Width=250,resizable=no,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no")

}

//-->

</SCRIPT>
<!-- ここまで -->


貼りつけたらこれだけではスイッチがでませんので
下の記述をコピーして<BODY>と</BODY>の間に入れてください
赤色のBGMSTARTがボタンに表示される文字です

<!-- ここから -->
<FORM>

<INPUT TYPE="button" VALUE="BGMSTART" onClick="newwindow()">

</FORM>
<!-- ここまで -->



以上がJavaScriptの小技を応用したウインドウ2枚開きによる
BGMを鳴らしっぱなしにする方法の一つです
しかしやり方はこれだけではありません。色々な方法を公開してる
HPが沢山ありますので、検索エンジンなどで
探してみるのも面白いと思います。


TOP