ホームページ裏ワザ大全 -JavaScript TIPS & TRICKS-

記号の説明：
　　　　○：動作する。
　　　　×：動作しないかエラーになる。
　　　　△：エラーにはならないが期待した動作はしない。

安全度の説明：以下のリストの【】内にある数値が安全度です。安全度は以下のようになっています。
　　　　３：将来にわたって安全に各環境で使える　　（エラーにならない）
　　　　２：安全に使えるが環境に依存する場合がある（エラーが出る場合がある）
　　　　１：特定環境と条件でしか動作しない　　　　（エラーが出る場合がある）

　注意事項：PHP,SSIはサーバー上でないと動作しません。また、PHP,SSIが動作する環境が必要です。
　　　　　　Windows XP SP2に関しての情報はhttp://www.openspc2.org/JavaScript/WinXPsp2/index.htmlです。SP2の場合、このサイト内で動作しない、動作が変わってしまうものがあります。

■基本編
　００１　【３】コメント記号を使わずにコメントを書く
　００２　【２】配列への代入を簡潔に記述する
　００３　【２】二次元配列の作成と代入を簡潔に行う
　００４　【３】複数の変数に同じ値をまとめて代入する
　００５　【２】独自のオブジェクトのプロパティへの代入を簡潔に記述する
　００６　【２】独自のオブジェクトのメソッド定義を記述する
　００７　【１】JavaScriptからVBScriptの命令を実行する
　００８　【３】JavaScriptが使える場合とそうでない場合に表示する内容を変える
　００９　【３】if命令の入れ子を軽減する
　０１０　【３】独自のオブジェクトを作成する
　０１１　【２】エラートラップ（onerrorイベント）
　０１２　【１】エラートラップ（try,catch）
　０１３　【１】指定したオブジェクトの特定のイベントを実行する
　０１４　【１】表示されているデータを全て選択する
　０１５　【３】ブラウザを判別する（navigator.appName）
　０１６　【１】ブラウザを判別する（コメント利用したもの）
　０１７　【２】Netscape 4だけ無視する
　０１８　【１】NN6だけ関数の内容を別に定義する
　０１９　【２】ＯＳを判別する
　０２０　【１】ビルド番号を取得する
　０２１　【１】スクリプトエンジンのバージョンを取得する
　０２２　【３】配列を関数の戻り値にする
　０２３　【３】複数の変数を戻り値にする
　０２４　【３】複数の関数をランダムに呼び出す
　０２５　【２】ブラウザ別にスタイルシートを読み込む

■ウィンドウ編
　０２６　【１】各種設定ダイアログを表示させる
　０２７　【１】カラーダイアログを表示する
　０２８　【１】ページデータを保存するダイアログを出す
　０２９　【２】ページが開かれたらウィンドウを指定位置までスクロールさせる
　０３０　【１】ズームアウトしてページを表示する
　０３１　【１】マウスに合わせてウィンドウを動かす
　０３２　【１】フローティングフレームをドラッグして動かせるようにする
　０３３　【１】ポップアップを点滅させる
　０３４　【２】ウィンドウ／サブウィンドウの内容を印刷する
　０３５　【２】フレームで区切られている特定フレームを印刷する
　０３６　【２】ページが完全に読み込まれるまで画面を表示しない
　０３７　【１】ウィンドウの縦／横方向のスクロールバーを消す
　０３８　【２】フルスクリーンでサブウィンドウを開く
　０３９　【２】ウィンドウサイズをモニタサイズの80%に調節する
　０４０　【１】ウィンドウ内の文字の検索を行う
　０４１　【１】独自の検索画面を作成し検索を行う
　０４２　【２】ウィンドウ内のフレームを全て解除する
　０４３　【２】Confirmの代用

■画像編
　０４４　【２】画像のプレロードを行う
　０４５　【３】JavaScriptを使わずに画像のプレロードを行う
　０４６　【２】JPEG/PNG画像をアニメーションさせる (GIFアニメの代用)
　０４７　【２】画像をドラッグする
　０４８　【２】マウスからの距離に応じて画像サイズを変える（MacOS Xのドック）
　０４９　【２】マウスカーソルに合わせて縦横に線を引く（CADのような感じ）
　０５０　【１】クリックされたらワイプで別画像に切り替える
　０５１　【２】クリックするとサムネール画像が拡大され高解像度データに変わるようにする
　０５２　【１】マウスオーバーで画像がモザイク状態から鮮明になるようにする（フィルタ機能）
　０５３　【１】画像の上にマウスが乗ったら画像が半透明から不透明になるようにする
　０５４　【２】画像の上にマウスが乗ったら画像が跳ねるようにする
　０５５　【１】画像の上にマウスが乗ったらグレー画像からカラー画像にする
　０５６　【２】画像の読み込み順番を指定する（onLoad）
　０５７　【１】画像が読み込まれたらフェードインさせる
　０５８　【２】画像を点滅させる
　０５９　【２】画像の表示範囲を指定する
　０６０　【２】画像を重ねて多重スクロール（奥行き感を出す）
　０６１　【２】画像を右から出現させ特定位置で止まるようにする｜複数画像版
　０６２　【１】グラデーションをリアルタイムに変化させる
　０６３　【１】フレームをまたいで画像を表示する
　０６４　【２】広告表示を消す
　０６５　【２】雪を降らせる
　０６６　【２】星を降らせる

■マウス編
　０８２　【２】一定時間マウス移動／キー入力がない場合に指定ページにジャンプする
　０８３　【１】ホイールマウスの値を読み出す | ホイールマウスでスライドショー
　０８４　【２】マウスポインタの横に画像を表示する
　０８５　【２】マウスポインタ形状を変える
　０８６　【１】マウスポインタ形状を任意の形状にする
　０８７　【１】半透明マウスカーソル
　０８８　【１】左右どちらのCTRLキーが押されたか調べる(WinNT/2000/XP)
　０８９　【１】マウスに背景画像を追従させる

■フォーム編
　０９０　【３】フォームエレメントへのアクセスを短く記述する
　０９１　【３】フォーム要素を「名前＋番号」でアクセスする
　０９２　【２】特定のテキストフィールドの一括処理を行う
　０９３　【１】IMEを制御する
　０９４　【２】フォームのリセットを制御する
　０９５　【２】フォームの送信を制御する
　０９６　【２】送信ボタンを使わずにデータを送信する(5秒後にマウス座標を送信する)
　０９７　【１】フォームのテキストエリアのスクロールバーを消す
　０９８　【２】クリックされたら一度だけテキストエリアの内容を消す
　０９９　【２】特定のチェックボックスが押されたらテキストフィールドを有効にする
　１００　【１】マウスが乗ったらボタン(button)内容を変える
　１０１　【１】ボタン幅を自動的にブラウザの横幅に合わせる
　１０２　【２】ボタンが押されたら表示されている文字を変える
　１０３　【２】グラフィカルなリセットボタンにする

■テーブル編
　１０４　【２】マウスが乗ったらテーブル全体の背景色を変える
　１０５　【２】テーブルの枠の色を変化させる
　１０６　【２】テーブルのセルの色をページ構築後に着色する
　１０７　【２】セル上にマウスが乗ったらセルの色を変える
　１０８　【１】テーブル内容を編集できるようにする

■メニュー編
　１０９　【２】プルダウンメニュー（クリックタイプ）
　１１０　【２】プルダウンメニュー（マウスオーバータイプ）
　１１１　【２】ツリーメニュー（フラット）
　１１２　【２】ツリーメニュー（入れ子タイプ）
　１１３　【２】フローティングメニュー
　１１４　【２】一定時間経過したら消えるポップアップメニュー
　１１５　【２】テーブルを利用してメニューを表示する
　１１６　【２】スクロールしても常に定位置にメニューを固定する
　１１７　【１】背景をメニューとして利用する
　１１８　【１】状況対応型メニュー

■サウンド／プラグイン編
　１１９　【１】Flashムービーを再生／停止させる
　１２０　【１】Flashムービーをマウスに追従させる
　１２１　【２】曜日によって表示するFlashムービーを変える
　１２２　【１】Flashからのコマンドを受け取りサブウィンドウを開く
　１２３　【１】SVGデータの内容を書き換える（時計）
　１２４　【１】Windows Media Playerで表示される映像の再生／停止を行う
　１２５　【１】QuickTimeムービーの再生／停止を行う
　１２６　【１】クリックされたらBGMを演奏する
　１２７　【１】簡易テキストリーダー

■その他
　１２８　【１】JavaScript TypeInウィンドウを表示する(Netscape)
　１２９　【１】Javaコンソールに文字を出力する(Netscape)
　１３０　【１】指定ページに移動し検索を行う
　１３１　【１】フォーカス時のアウトライン枠を消す
　１３２　【２】前のページに戻れないようにする
　１３３　【２】表示されているテキストを選択できないようにする
　１３４　【２】右クリックを禁止する
　１３５　【２】検索エンジン等からアクセスしてきた場合に強制的に指定ページにジャンプさせる
　１３６　【３】サーバーの時刻とクライアントの時刻を比較し差を表示する（JavaScript + PHP）
　１３７　【１】ページ内容が完全に読み込まれるまでNow Loading...と表示する
　１３８　【１】IPアドレスを表示させる（JavaScript + SSI）
　１３９　【２】マシンのグラフィック能力を調べる
　１４０　【２】マシンのCPU能力を調べる
　１４１　【３】曜日に応じて読み込むJavaScriptファイルを変える
　１４２　【３】高速回線か低速回線か調べる（ブロードバンドかナローバンドか）
　１４３　【１】クッキーを使わずにデータを保存する／読み出す
　１４４　【１】ページを暗号化し読めなくする
　１４５　【２】次のページをプレロードする

■本には載っていないおまけスクリプト
　１４６　【１】小数点を指定桁数までにする
　１４７　【１】指定アプリ(IE)を起動させる
　１４８　【１】ダウンロード後にメッセージを表示する
　１４９　【１】ラジオボタン／チェックボックスのサイズを変える
　１５０　【１】画面と印刷の場合で、異なる文字サイズ／色にする

■キャプチャーデータファイル名一覧
　macos8.1_ie3.01.jpg ............ MacOS 8.1 Internet Explorer 3.01（Flash,SVG Pluginなし）
　macos8.1_nn3.01.jpg ............ MacOS 8.1 Netscape Navigator 3.01（Flash,SVG Pluginなし）
　macos8.5_ie4.01.jpg ............ MacOS 8.5 Internet Explorer 4.01（Flash,SVG Pluginなし）
　macos8.5_ie4.5.jpg ............. MacOS 8.5 Internet Explorer 4.5（Flash,SVG Pluginなし）
　macos9_icab2.6.jpg ............. MacOS 9.1 iCab 2.6
　macos9_ie5.0.jpg ............... MacOS 9.1 Internet Explorer 5.0
　macos9_nn4.75.jpg .............. MacOS 9.1 Netscape Navigator 4.75E
　macos9_nn6.1.jpg ............... MacOS 9.1 Netscape Navigator 6.1
　macosx_icab2.6.jpg ............. MacOS X iCab 2.6
　macosx_ie5.1.jpg ............... MacOS X Internet Explorer 5.1
　macosx_nn6.2.jpg ............... MacOS X Netscape Navigator 6.2
　win2000_ie5.0.jpg .............. Windows 2000 Internet Explorer 5.0
　win2000_ie6.0.jpg .............. Windows 2000 Internet Explorer 6.0
　win98_ie4.0.jpg ................ Windows 98 Internet Explorer 4.0（Flash,SVG Pluginなし）
　winme_ie5.5.jpg ................ Windows Me Internet Explorer 5.5
　winxp_ie6.0.jpg ................ Windows XP Internet Explorer 6.0
　winxp_nn6.2.jpg ................ Windows XP Netscape Navigator 6.2
　turbolinux7_mozilla0.9.4.jpg ... TurboLinux 7 (Gnome) Mozilla 0.0.4（Flash,SVG Pluginなし）