JavaScript ハンドブック

CHAPTER 1 ページ表現の基本
1-1 HTML文書の文字コードを指定する
1-2 検索ロボット情報収集用のテキストを記述する
1-3 検索ロボットの検索を拒否する
1-4 ブラウザのプラグイン情報を表示する
1-5 お気に入り登録ボタンを設置する
1-6 ページを「ホームページ」に設定するウィンドウを表示する
1-7 ページを印刷するボタンを表示する
1-8 Cookieを使用してユーザの訪問数を表示する
1-9 ウィンドウサイズを固定し位置を指定する
1-10 次のページに進むボタンを表示する
1-11 引越し先のページへ自動でジャンプする
1-12 ウスの右クリックを無効にする
1-13 ドラッグ操作で警告メッセージを表示する
1-14 マウスオーバでリンクの色を変える
1-15 テキストを切り替えながら表示する
1-16 一定時間でページを自動更新する

CHAPTER 2 文字入力・表示を効果的に行う
2-1 タブインデックスで入力フィールドを移動する
2-2 指定したテキストボックスの空欄をチェックする
2-3 文章の行間を揃える
2-4 文字にふりがなを振る
2-5 ロールオーバで文字の表示を変える
2-6 徐々に姿を現す文字を表示する
2-7 徐々に大きく表示される文字を表示する
2-8 背景が透けて見えるタイトルを表示する
2-9 立体的に見える、型押ししたようなテキストを表示する
2-10 発光しているようなテキストと画像を表示する
2-11 電光掲示板に流れる文字を表示する
2-12 上方向にスクロールする文字列を作成する
2-13 画像の周りを立体的に回転する文字列を表示する
2-14 表示するテキストを徐々に整形させる
2-15 画面上部から重なっていくテキストを表現する

CHAPTER 3 ページを効果的に表現する
3-1 ブラウザをスクロールしても背景が動かないように固定する
3-2 背景をグラデーション表示する
3-3 リンク上のカーソルの形を変える
3-4 マウスポインタの位置に合わせて背景画像の表示を切り替える
3-5 リンクのポップアップヘルプを表示する
3-6 プルダウンメニューを表示する
3-7 リンククリックで新しいウィンドウを開き操作する
3-8 背景からのフェードイン
3-9 フレームを下から上へ自動でスクロールさせる
3-10 マウスオーバで画像を切り換えて表示する
3-11 画像をXY軸でスクロールさせる
3-12 ボタンにショートカットキーを割り当てる
3-13 ブラウザ上でフォルダを開くような操作をする
3-14 セルカラーを変更しながら移動させる

CHAPTER 4 画像による演出効果
4-1 複数画像を重ねて表示する
4-2 画像をフェードイン表示する
4-3 画像を拡大しながら表示する
4-4 画像を水平にスクロールさせる
4-5 クリックで画像を切り替えて表示する
4-6 ボタンで画像を切り替えて表示する
4-7 複数のテーブルを連続したフィルムを動かすように切り替える
4-8 画像表示をスライドさせながら切り替える
4-9 名前が連番でない画像を表示する
4-10 文字が上空から降下するように地図上の一点を指し示す
4-11 切り抜き文字の隙間から上下に動く画像を覗かせる
4-12 マウスカーソルを画像に変更する
4-13 リンククリックでポップアップ画像を表示する
4-14 マウス移動で風景を拡大表示する
4-15 画像のマウスカーソル位置を明るく表示する

CHAPTER 5 ブラウザ画面にツールを表示・使用する
5-1 秒刻みのディジタル時計を表示する
5-2 ストップウォッチを表示する
5-3 画像をスライダ比率で表示する
5-4 スライド表示でページを切り替える
5-5 ムービーをワンクリックで選択・放映する
5-6 カレンダーを表示する
5-7 カレンダーにマウスクリックで先月、次月表示の機能を追加する
5-8 カレンダーの日付選択でブログを表示する

CHAPTER 6 テキスト入力、マウス操作を効率化する
6-1 入力フィールドに合わせてIMEモードを自動設定する
6-2 入力フォーマットをチェックする
6-3 2回目以降で前回入力値を自動設定する
6-4 半角カナを全角カナに変換する
6-5 ラジオボタンをデータ選択に使用する
6-6 チェックボックスで複数データ項目の選択・削除
6-7 セレクトメニューをデータ選択に使用する
6-8 セレクトメニューを絞り込み検索に使用する
6-9 地方・都府県・都市を再帰表示する

CHAPTER 7 テーブル・グリッドを表現する
7-1 極細の線でテーブルの罫線を表示する
7-2 テーブルの背景を半透明にする
7-3 テーブルを段組で作成する
7-4 タブクリックでテーブルを表示する
7-5 マウスオーバでテーブルセルの色を変える
7-6 Javascriptで動的にテーブルを表示する
7-7 ドラッガブルなテーブルを表示する
7-8 グリッド表示データをソート処理で並び替える
7-9 行数、列数を指定して動的にテーブルを表示する
7-10 テーブルの行・列を動的に追加する
7-11 テーブルを行インクリメントしながら表示する

CHAPTER 8 HTML5による新機能
8-1 Canvas - 矩形を描画する
8-2 Canvas - 矩形の透明度を変える
8-3 Canvas - 枠線描画と塗りつぶし
8-4 Canvas - 円を描く
8-4 Canvas - 円を描く
8-5 Canvas - 円弧を描く
8-6 Canvasを使用したサンプル-半透明矩形表示
8-7 Canvas - 横線形グラデーション
8-8 Canvas - 縦線形グラデーション
8-9 Canvas - 斜め線形グラデーション
8-10 Canvas - 円形グラデーション
8-11 グラデーションサンプル
8-12 画像の表示
8-12 画像の表示
8-13 画像表示サンプル
8-14 シンプルなムービー放映
8-15 ムービー再生
8-16 ワーカを使用した並列処理
8-17 ローカルストレージの基本操作
8-18 ローカルストレージサンプル
8-19 HTML5のフォーム要素
8-20 レンジスライダーのサンプル