JavaScript Market - 動きのあるホームページを作る為の各種JavaScript のサンプルと小技集を公開中

JavaScript

JavaScriptって…? | JavaScript応用のツボ | ブラウザについて | JavaScript Market 利用規程 | JavaScript 各種サンプル | JavaScript 小技集

ジュークボックス

■ 2002,02,05 Netscape6~に対応

選択ボックスから曲目を選択すると、
ページの再読込を行わずに曲目だけ変更します。

尚、サンプルに使用しているMIDIは、T-project様からご提供頂きました。
このページからのDL及び再使用はご遠慮下さい。

■ このスクリプトのソース
<script>
list = new Array();

/* リストアップするサウンドファイル名&曲名をカンマ(,)で区切って好きなだけ記述 */
list[0] = "xxx.mid,曲目1";
list[1] = "yyy.mid,曲目2";
list[2] = "zzz.mid,曲目3";

/* サウンドファイルの設置ディレクトリ */
dir = "./sound/";

function se(p) {
   val = '<embed src="' + dir + p + '" width=0 height=0 autostart=true repeat=false>';
   if (document.layers) {
      with(document.layers["bgs"].document) { open(); write(val); close(); }
   }
   else {
      if (navigator.userAgent.match(/msie/i)) doc = document.all.item("bgs");
      else if(navigator.userAgent.match(/gecko/i)) doc = document.getElementById("bgs");
      doc.innerHTML = val;
   }
}

BUF = "<form>";
BUF += "<select onChange='se(this.options[selectedIndex].value)'>";
BUF += "<option>演奏停止";

for (i in list) {
   a = list[i].split(",");
   BUF += "<option value='" + a[0] + "'>" + a[1];
}

BUF += "</select>";
BUF += "<span id=bgs width=0 height=0><layer name=bgs width=0 height=0></layer></span>";
BUF += "</form>";
document.write(BUF);

// Copyright (C) 2002-2002 suepon , All rights reserved.
// Script found at http://suepon.com/
</script>


suepon.com | CGI作成・CGI制作 | ドメイン検索 | バナー自動作成 | Google Dance jp | 松浦亜弥 (H.P.memo) | パソコン | ネイル