JavaScript Book
CONTENTS

*いちおう商品なので全部お見せできないのが残念ですが^^;; 気持ちだけ....


| はじめに

| この本の使い方

| PART1 これだけ知っていれば大丈夫
  
| A::スクリプトタグで囲んでスクリプトを書く | B::通常のHTMLタグの中にスクリプトを書く
| PART2 サンプルの紹介 動作確認一覧表
  • [基本編] alert() メッセージダイアログを出す | A01 ボタンクリックでメッセージを出すNN2.X~ | A02 ラジオボタンをクリックでメッセージを出すNN2.X~ | A03 文字をクリックでメッセージを出すNN2.X~ | A04 文字にさわったらメッセージを出すNN2.X~ | A05 写真をクリックでメッセージを出す1[onClick]NN2.X~ | A06 写真をクリックでメッセージを出す2[javascript:]NN2.X~ | A07 写真をクリックでメッセージを出す3[function]NN2.X~ | A08 写真にさわったらメッセージを出すNN2.X~ | A09 写真から離れたらメッセージを出すNN3.X~ | A10 リセットボタンを押したらメッセージを出すNN3.X~ | A11 送信ボタンを押したらメッセージを出すNN2.X~ | A12 フォームのセレクトオプション選択の内容をダイアログに表示するNN2.X~ | A13 数字入力後クリックで入力確認を出す,未入力だと再入力メッセージNN2.X~ | A14 Javaが使えるかどうかのメッセージを出すNN3.X~ | A15 ページに入ったとたんにメッセージを出す1[読込完了前 SCRIPTタグ内]NN2.X~ | A16 ページに入ったとたんにメッセージを出す1[読込完了後 onLoad]NN2.X~ | A17 ページを出る時にメッセージを出すNN2.X~ | A18 XX秒後にメッセージを出すNN2.X~ confirm() YES/NO(またはOK/キャンセル)の確認ダイアログを出す | B01 ボタンクリックで出し,分岐処理をalert出力NN2.x~ | B02 ラジオボタンクリックで出し,分岐処理をformに出力NN2.x~ | B03 文字をクリックで出題,答によってalert出力NN2.x~ | B04 文字にさわったら出題,答によってalert出力NN2.X~ | B05 写真と文字をクリックで出題,答によってalert出力1[onClick]NN2.x~ | B06 写真と文字をクリックで出題,答によってalert出力2[javascript:]NN2.x~ | B07 写真をクリックで質問を出し、答えによってページを分岐する[function]NN2.X~ | B08 写真にさわったら説明し、答えによって拡大写真を表示するNN2.X~ | B09 リセットボタンを押したら確認し、NOなら消去せず入力待ちにするNN3.X~ | B10 送信ボタンを押したらお礼と確認ダイアログを出す、NOなら送信しないNN2.X~ | B11 ページに入ったとたんに質問し,答えによってページを分岐するNN2.X~ prompt() 入力用ダイアログを出す | C01 ボタンクリックで出し,入力内容をformに表示NN2.X~ | C02 ラジオボタンクリックで出し,入力内容をalertに表示NN2.X~ | C03 Win版IEのバグ回避版ページに入ったとたんに名前を聞き,入力した名前をページに表示するNN2.X~ window.open() 1 新しいウインドウを開く | D01 ボタンクリックで開き,HTMLを表示NN2.X~ | D02 ラジオボタンクリックで開き,ページを読み込むNN2.X~ --window.open()命令の機能テスト------------ | D03 ツールバー有/無のサブウインドウを開くNN2.X~ | D04 ロケーションフィールド有/無のサブウインドウを開くNN2.X~ | D05 ディレクトリーボタン有/無のサブウインドウを開くNN2.X~ | D06 ステータスバー有/無のサブウインドウを開くNN2.X~ | D07 メニューバー有/無のサブウインドウを開くNN2.X~ | D08 スクロールバー有/無のサブウインドウを開くNN2.X~ | D09 リサイズ可能/不能なサブウインドウを開くNN2.X~ | D10 サブウインドウの大きさを指定するNN2.X~ --機能テストEND-------------------------- | D11 文字をクリックするとHELPウインドウが開くNN2.X~ | D12 文字に触るとサブウインドウが開き,クリックするとリンクへ跳びますNN2.X~ | D13 写真をクリックすると説明ウインドウが開きますNN2.X~ | D14 ページに入ったら「ようこそ」ウインドウが開いて、出る時閉じるNN2.X~ | D15 文字をクリックするとサブウインドウが開き、画像ページを読み込むNN2.X~ | D16 カウントダウンウインドウNN2.X~ window.open() 2 元のウインドウからサブウインドウを操作する | E02 ボタンクリックでサブウインドウを開閉するNN2.X~ | E03 サブウインドウのなかの文字を書き換えるNN2.X~ /K08 自動的に次々とサブウインドウの画像が切り替わるスライドショーNN3.X~ window.opener サブウインドウから元のウインドウを操作する | F01 ボタンクリックで元のウインドウに新しいページを読み込むNN2.X~ | F02 ラジオボタンクリックで元のウインドウの背景色を変更するNN2.X~ | F03 目次をつくる。サブウインドウCloseボタン付NN2.X~ frame フレーム | G01 文字に触ると別フレームに画像を読み込みクリックでジャンプします / 参照 フレームテスト status ステータスバーに文字を出す | H01 リンク文字にさわったらステータスバーに説明を出すNN2.X~ | H02 ステータスバーに文字をスクロールさせるNN2.X~ | H03 ステータスバーに日時を表示するNN2.X~ form フォームのINPUT,TEXTAREAに文字を出す | I01 ボタンをクリックでINPUTフィールドへの出力文字を次々変えるNN2.X~ / K07 サンプル写真にさわったら拡大画像と説明文を表示するNN3.X~ onSubmit フォーム送信時に..... /A11 送信ボタンを押したらメッセージを出すNN2.X~ /B10 送信ボタンを押したらお礼と確認ダイアログを出す、NOなら送信しないNN2.X~ | J01 文字化けしないformメールNN2.Xと3.0~を分岐処理 | J02 どのページからの返信かわかるメモなどを付けて送信する[1]NN2.X~ | J03 ページタイトル(またはファイル名)を自動添付して送信する[2]NN2.X~ | J04 相手のブラウザやマシン情報を自動添付して送信する。。NN2.X~ | J05 送信ボタンを押したらありがとうのダイアログを出そう。NN2.X~ | J06 ウインドウがひらいてアニメがお辞儀をする。NN2.X,NN3.X~ Image() 画像を切り替える(インタラクティブアニメーション) | K01 ボタンクリックで画像を切り替えるNN3.X~ | K02 フォームのセレクトオプション選択で画像を切り替えるNN3.X~ | K03 文字をクリックで画像を切り替えるNN3.X~ | K04 文字にさわったら画像を切り替えるNN3.X~ | K05 写真にさわったらムービーを始め、離れると止まる。NN3.X~ | サポートページだけで見れる修正バージョン(^-^)/K05_1 写真にさわったらムービーを始め、離れると止まる。NN3.X~ | K06 サンプル写真にさわったら拡大画像を表示するNN3.X~ | K07 サンプル写真にさわったら拡大画像と説明文を表示するNN3.X~ | サポートページだけで見れる特別バージョン(^0^)/K07+1 サンプル写真にさわったら拡大画像と説明文を表示する2NN3.X~ | K08 自動的に次々とサブウインドウの画像が切り替わるスライドショーNN3.X~ | K09 ボタンをクリックするとロゴの回転方向やスピードが変わります。NN3.X~ | K10 触ると絵が替わるインタラクティブリンクボタンNN3.X~ | サポートページだけで見れる特別バージョン(^0^)/K18 触ると絵が替わるインタラクティブリンクボタン2NN3.X~ | サポートページだけで見れる特別バージョン(^0^)/K18 触ると絵が替わるインタラクティブリンクボタン2[FRAMEバージョン]NN3.X~ JavaScript大仏ムービー | K11 プラグインなんていらないJavaScriptムービーだっNN3.X~ | K12 B03のスクリプトをシンプルにしてみるNN3.X~ | K13 B04にインタラクティブなスタートボタンを付けてみるNN3.X~ | K14 B05にインタラクティブなストップボタンを追加するNN3.X~ | K15 B06にインタラクティブな早送りボタンを追加するNN3.X~ | K16 B07にインタラクティブな巻き戻しボタンを追加する。ムービー完成!!NN3.X~ | K17 B08のスクリプトを外部ファイルにしてHTMLをすっきりさせる。NN3.X~ オリジナルムービー作成サンプル | ムービーTEST1 牛久大仏スライドショー[.js外部ファイル]NN3.X~ | ムービーTEST1A 牛久大仏スライドショーNN3.X~ | ムービーTEST2 風に揺れるビーチパラソル(連続繰り返し再生)[.js外部ファイル]NN3.X~ | ムービーTEST2A 風に揺れるビーチパラソル(連続繰り返し再生)NN3.X~ | サポートページだけで見れる特別バージョン(^0^)/K18 触ると絵が替わるインタラクティブリンクボタン2 NN3.X~ Layerレイヤーで好きな時に好きな場所へ画像等をコントロールする | L01 ボタンクリックで文字を出現させる。NN4.X~ | L02 ボタンクリックで文字を次々と出現させる。NN4.X~ | L03 ボタンクリックで画像を出現させる。NN4.X~ | L04 ボタンクリックで画像を次々と出現させる。NN4.X~ | L05 ボタンクリックで画像を左右に移動させるNN4.X~ | L06 ボタンクリックで画像を上下に移動させるNN4.X~ | L07 ポップアップメニューNN4.X~
  • [応用編] | M01 ちょうきちをさがせっ! ラジオボタンで作った簡単ゲーム。NN2.x~ | M02 おみくじNN2.x~ | M03 超シンプルYES.NOクイズ。12面クリアに挑戦だっ!! NN2.x~ | M04 くじ引き用スクリプトNN3.x~ | M05 画像版派手なおみくじNN3.x~ | M06 ホームページ用電灯スイッチ NN2.xNN3.x~ | M07 あっちむいてほいNN3.x~ | M08 スロットマシンNN3.x~ | M09 うしパズル制限時間内に絵あわせをするゲームNN3.x~ | Win版IEのバグ回避版M10 クリスマスツリー/イブの夜に逢えないふたりへ....(^^)NN3.x~ | M11 IMGセレクターと画像の先行読み込み処理NN3.x~ | M12 簡易棒グラフNN3.x~
  • | PART3 JavaScript言語仕様(プログラムに興味を持ったら!) | PART4 JavaScriptクイック書式一覧 全命令とSyntax
    参照リファレンス (この本の参照項目としてリストアップされた主な命令) | action | alert() | appVersion | Array() | bgColorのバグ | bgColor | charAt() | clear() | click() | document.close() | window.close() | clearTimeout() | ColorValue | confirm() | Date | document | elements[] | encoding | eval() | fontcolor | focus() | for | forms[] | function | go() | getSeconds() | HIDDEN | href | if | Image() | images[] | .js | javascript: | layers[] | length | moveTo() | name | new | null | onBlur | onChange | onClick | onError | onLoad | onMouseOut | onMouseOver | onReset | onSubmit | onUnload | opener | window.open() | options[] | prompt() | reset() | return | selectedIndex | substring() | src | status | setTimeout() | text | this | title | toLocaleString | top | userAgent | value | var | バージョンチェック | visibility | ウインドウオープンチェック(closed) | write
    | PART5 JavaScriptサイト | オンラインサポートページ(回線をつないでください) | ご協力を頂いた方々

    Contents
    | CONTENTS
    | PART1 これだけ知っていれば大丈夫
    | PART2 サンプルの紹介
    | PART3 JavaScript言語仕様
    | PART4 JavaScriptクイック書式一覧
    | PART5 JavaScriptサイト
    | オンラインサポートページ(回線をつないでください)


    Maintained by
    tato@fureai.or.jp works1997 Toshirou Takahashi