JavaScript&Ajax プロが教える“本当の使い方”
現場で使われるJavaScriptのノウハウを徹底解説!!
■CHAPTER01 JavaScriptの“本当の使い方”
JavaScriptの概要
JavaScriptの記述ルール
演算子
変数/配列
オブジェクト
プロパティ/メソッド
制御構造
関数
イベントハンドラ
DOM(Document Object Model)の仕組み
SECTION01 サムネイルとボタンで切り替えるフォトログ風ギャラリー
SECTION02 定休日を赤字で表示するカレンダーパーツ
SECTION03 9つのBOXがロールオーバーで開閉するインターフェイス
SECTION04 リストを特定の数で分割して見せる
SECTION05 デジタルクロックと時間に応じたメッセージの表示
SECTION06 ロールオーバーで左右に揺れるアニメーション
SECTION07 グローバルナビゲーションをJavaScriptで自動化
SECTION08 フォームに入力されたテキストを検証&整形するフレームワーク
SECTION09 サイト内で別のHTMLを表示するウィンドウ
SECTION10 リンク画像ファイルの読み込み中を表示するウィンドウ
SECTION11 サイト内検索フィールドのユーザビリティを高める
■CHAPTER02 JavaScriptライブラリの“本当の使い方”
JavaScriptライブラリの概要
よく使われるJavaScriptライブラリ
SECTION01 3段階に文字のサイズを変化させるボタン
SECTION02 フェードイン/フェードアウトするコンテンツ切り替え表示
SECTION03 スライディング&タブパネルで紙芝居風のコンテンツ切り替え
SECTION04 アニメーション機能を駆使した動きのあるタブメニュー
SECTION05 別ページをプレビューできるリサイズ可能なポップアップ
SECTION06 Lightbox系jQueryプラグイン「FancyBox」をカスタマイズ
SECTION07 自動的にスライドして商品を見せるショーケース
SECTION08 文字入力をチェックしてメッセージダイアログを表示
SECTION09 大量のデータをコンパクトに見せるアコーディオン&折りたたみパネル
SECTION10 クリックでソートできるXMLと連携したテーブル
SECTION11 タイトルをクリックして折りたためるウィジェット
■CHAPTER03 Ajaxの“本当の使い方”
Ajaxの概要
Ajaxのデータ通信に最適なJSON
よく使われるWeb API
SECTION01 用語解説を別ファイルで作成してポップアップ表示する
SECTION02 特定フィードの内容をコンテンツに盛り込む
SECTION03 XMLファイルを利用したスライドショー
SECTION04 ウィキペディア記事の要約をツールチップで表示
SECTION05 Google Maps APIを利用してアクセスマップを作成
目的別索引
用語索引