『JavaScriptによるWebアプリケーションスーパーサンプル』サンプルスクリプト

第2章 HTML文書の内容を操ろう

2.4 ケーススタディ

2.4.1 テキストのテロップ表示

• telop.html

2.4.2 バナーローテーション（スライドショー）

• banner.html

第3章 イベント

3.2 マウスのイベントをキャッチしよう

3.2.2 押されたマウス・ボタンを特定する

• mouse_button.html

3.2.3 マウスの座標を特定する

• mouse_client_xy.html

3.2.4 shift/ctrl/metaキーと同時に押されたかを判定する

• mouse_shiftKey.html

3.3 ケーススタディ

3.3.1 ドラッグできる子ウィンドウ表示

• drag/drag.html

3.3.2 シャドーレイヤ付きサムネイル画像拡大表示

• picHighlight/picHighlight.html

3.3.3 オリジナルのダイアログ表示

• dialog/original_dialog.html

第4章 フォーム

4.5 ケーススタディ

4.5.1 半角数字しか入力できないテキストボックス

• numonly/numonly.html

4.5.2 ファンシー・コントロール

• fancy/fancy.html

第5章 スタイルシート

5.2 スタイルシートを操作しよう

5.2.1 スタイルシートの属性情報を操作する

• styleattribute.html

5.2.2 スタイルシートを特定する

• styleSheets.html

5.2.3 CSSルールを操作する

• cssRules.html

5.2.4 CSS宣言を操作する

• cssproperty.html

5.3 コンピューテッド・スタイルを読み出そう

5.3.2 コンピューテッド・スタイルのCSS情報を取り出す

• getComputedStyle.html

5.4 ケーススタディ

5.4.1 フォントサイズ・スイッチャー

• fontsizeswitcher/fontsizeswitcher.html

5.4.2 フォントサイズ・ディテクター

• fontsizedetector/fontsizedetector.html

第6章 Ajax＋DOM

6.3 ケーススタディ

6.3.1 livedoorお天気Webサービスで天気予報を表示する

• weather.html

6.3.2 Yahoo! ウェブ検索Webサービスでサイト内検索

• webSearch.html