Alf Magne Kalleland 著
今里 了次 翻訳
今里 了次 原著
JavaScriptを代表とするDHTML、さらにAJAXと呼ばれる技術は、クロスブラウザ対応で、Flashのようなプラグインもいらずに、動的なユーザーインターフェースが手軽にできるため、その導入のしやすさから、今脚光を浴びつつあります。本書は、そんなNon-Flashでできる、DHTMLのアイデア集です。本書で紹介する、DHTMLのサンプルは、どれもが実用性の高いものばかりで、しかもデータはそのまま使えてしまうので、現場ですぐに役立ち、作業効率もアップするはず。もちろん簡潔なサンプルの解説があるので、自分でカスタマイズしていくこともできる。さらに、収録されたサンプルは、すべて商用利用が可能なので、仕事でも大いに活用できます。
※ 付属CD-ROMについて ※
◆ 動作環境 ◆
・Windows:Internet Ecplorer 6 / Internet Ecplorer 7 / Firefox 1.5 / Firefox 2
・Mac OS:Firefox 1.5 / Firefox 2
また、Mac OSのSafariでは、正常に動作しないサンプルが一部あります。詳細は下記の通りです。
Safari 1.3
007・024・047・・・・・・・・・・・・・・×
011・012・014・045・・・・・・・・・△(表示や動作の一部に不具合)
Safari 2
007と047・・・・・・・・・・・・・・・・・・・×
011・012・014・045・・・・・・・・・・△(表示や動作の一部に不具合)
CHAPTER 01 Design&Effect
01 タイプライター風テキストアニメーション
02 画面の上から振り落ちるリンクテキスト
03 重いページを表示させる際のプログレスバー演出
04 画像を使わない角丸デザイン
CHAPTER 02 Navigation
05 メニューにちょっとしたカラーグラデーション演出
06 HTMLベースのタブ式メニュー
07 クリックで展開する階層メニュー
08 スライドしながら展開する階層メニュー
09 リストでつくるプルダウンメニュー
10 右に左にスライドする階層メニュー
11 ページ上部に固定されたドッキングバー
12 コンテクストメニュー風ナビゲーション
13 OS風のフォルダツリー型メニュー
14 リスト要素をベースにしたフォルダツリー
15 フォルダ名を変更できるフォルダツリー
16 ドラッグ&ドロップできるフォルダツリー
CHAPTER 03 Content
17 ページ内の長いコンテンツをスクロール可能に
18 Ajaxで外部HTMLファイルを読み込む
19 ノンリフレッシュでコンテンツを切り替え
20 移動・リサイズ可能なフローティングウィンドウ
21 ドラッグ可能なコンテンツ
22 ドラッグで並び替えができるコンテンツ
23 ノンリフレッシュで切り替えるタブコンテンツ
24 タブ付きのフローティングウィンドウ
25 自動でスクロールするコンテンツ
26 長いコンテンツを目次付きスライドに変換
27 ドラッグ&ドロップでコンテンツをグループ分け
CHAPTER 04 Table&Form
28 列の並び替えができるテーブル
29 ハイライト機能付き、並び替えができるテーブル
30 ハイライト表示される入力フォーム
31 吹き出し風ツールチップが表示される入力フォーム
32 スライダーで数値を入力するフォーム
33 入力できるセレクトメニュー
34 連鎖するセレクトメニュー
35 DHTMLで行うフォームの簡易入力チェック
36 カラーピッカーで色を選択
37 ボックス型複数選択フォーム
CHAPTER 05 Tooltip&Help
38 マウスオーバーでポップアップするツールチップ
39 透過シャドウ付きのツールチップ
40 ダイナミックに読み込むツールチップ
41 クリックでドロップダウンするコンテンツ
42 クリックで解答が開くFAQ 1
43 クリックで解答が開くFAQ 2
44 スライドして登場するヘルプパネル
45 モーダルダイアログメッセージ
CHAPTER 06 Photo Gallery
46 小さなインラインスライドショー
47 フィルムストリップ式フォトギャラリー
48 サムネイルストリップ式フォトギャラリー
49 ドラッグ可能なフローティングフォトギャラリー
CHAPTER 07 Widget&Application
50 流れるニュースティッカー
51 ダイナミックRSSティッカー 1
52 ダイナミックRSSティッカー 2
53 商品が飛ぶショッピングカート
54 ダイナミックに結果を表示するアンケート
55 ドラッグ操作が可能なRSSリーダー
付属データはこちら
内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。
正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。
本書の書影(表紙画像)をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影(表紙画像)以外のご利用については、こちらからお問い合わせください。