逆引きAdobe Spryリファレンス

このページはAdobeシステムズのAjaxフレームワークであるSpryのプレリリースバージョン1.4に関するサンプルを用意しています。1.5以降では機能が追加されただけでなく、様々な部分で変更があるため1.4のサンプルは1.5では動作しないものが多くあります。1.5に関してはSpry pre release 1.5のページを参照してください。

Adobe Dreamweaver CS3にはSpry prerelease 1.4が搭載されています。Dreamweaver上でのSpry処理に関してはAdobe Dreamweaver CS3例文辞典を参照してください。


Adobe SpryはAdobe Labからダウンロードすることができます。
ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。
Last update:2007/7/29 PM 2:00
XMLデータ処理

XMLデータ表示

  1. データを1つだけ表示する
  2. データを複数表示する
  3. データを繰り返して表示する
  4. 指定された行のデータを表示する
  5. 指定された行以降のデータを表示する
  6. 指定された行より前のデータを表示する
  7. 指定された行以外のデータを表示する
  8. 指定された範囲のデータを表示する
  9. 偶数行のデータを表示する
  10. 奇数行のデータを表示する
  11. 一致した項目のデータを表示する
  12. 一致しない項目のデータを表示する
  13. 特定の文字列が含まれるデータを表示する
  14. 特定の位置に文字列が含まれるデータを表示する

並び替え/ソート

  1. 文字コード順でデータをソートする
  2. 数値としてデータをソートする

行番号

  1. 行番号を表示する
  2. 行番号を1から表示する

スタイル

  1. 1行ごとスタイルを変える
JSONデータ処理

JSONデータ表示

  1. データを1つだけ表示する
  2. データを複数表示する
  3. データを繰り返して表示する
  4. 指定された行のデータを表示する
  5. 指定された行以降のデータを表示する
  6. 指定された行より前のデータを表示する
  7. 指定された行以外のデータを表示する
  8. 指定された範囲のデータを表示する
  9. 偶数行のデータを表示する
  10. 奇数行のデータを表示する
  11. 一致した項目のデータを表示する
  12. 一致しない項目のデータを表示する
  13. 特定の文字列が含まれるデータを表示する
  14. 特定の位置に文字列が含まれるデータを表示する

行番号

  1. 行番号を表示する
  2. 行番号を1から表示する

スタイル

  1. 1行ごとスタイルを変える
DOM

DOM操作

  1. ページ上のエレメントにアクセスする
  2. ページ上のエレメントにデータを書き込む
  3. ページ上のエレメントからテキストノードの内容を読み出す
  4. エレメントの内容を差し替える
エフェクト

エフェクト処理

  1. フェード処理を行う
  2. ブラインド処理を行う
  3. ハイライト処理を行う
  4. 拡大縮小処理を行う
  5. 左右に振動させる(シェイク)
  6. スライド処理を行う
  7. 潰し処理を行う
ウィジェット

アコーディオン

  1. アコーディオン処理を設定する
  2. アコーディオン開閉時のアニメーションを設定する
  3. アコーディオン開閉時のアニメーション速度を指定する
  4. あらかじめ表示するパネルを指定する
  5. パネルの内容に合わせてアコーディオン全体の高さを変える
  6. パネルの開閉操作を行うキーを設定する
  7. パネルアクション時のスタイルシートを指定する

折りたたみ可能パネル

  1. 折りたたみ可能なパネルを設定する
  2. 開閉時のアニメーションを設定する
  3. 開閉するかどうかを指定する
  4. キーボードで開閉操作を可能にする

メニュー/階層化メニュー

  1. メニューバー(横)を設定する
  2. メニューバー(縦)を設定する
  3. 階層化メニューを設定する

タブパネル

  1. タブパネルを設定する
  2. タブパネル(サイドタブ)を設定する
  3. 最初から表示するパネルを設定する

フォームの入力チェック

  1. 送信時にチェックを行う
  2. フォーカスが外れた時にチェックを行う
  3. 入力時にチェックを行う
  4. 入力時とフォーカスが外れた時にチェックを行う
  5. 整数のみ受け付けるようにする
  6. 数値のみ受け付けるようにする
  7. 通貨形式のみ受け付けるようにする
  8. 日付形式のみ受け付けるようにする
  9. 時刻形式のみ受け付けるようにする
  10. IPアドレス形式のみ受け付けるようにする
  11. URL形式のみ受け付けるようにする
  12. メールアドレス形式のみ受け付けるようにする
  13. クレジットカード番号形式のみ受け付けるようにする
  14. 電話番号形式のみ受け付けるようにする
  15. 郵便番号形式のみ受け付けるようにする
  16. カスタム形式で指定したパターンのみ受け付けるようにする
  17. 入力可能文字数を指定する
  18. 入力パターンを固定する
  19. 入力時にヒントを表示する