ナビゲーションをスキップする

コンテンツナビ
  • H2O Space. Co.,Ltd.
  • aquanotes Shop.
  • ちゃんとWeb
  • H2O Space. BLOG
  • aquanotesβ place
  • Recently Ajax

Home > 02.ニュース > Adobe Spry+DWで都道府県検索を作る方法(ムービー)

Adobe Spry+DWで都道府県検索を作る方法(ムービー)

図:Adobe Spry

Adobe Dreamweaver CS3(DW)には、Adobe Spryの開発補助機能がついているため、マウス操作だけでほとんどの機能を作ることができます。

ここでは、Adobe Spryと Dreamweaverで都道府県を選ぶと、市区町村のリストが出てくる Ajaxプログラムを作成してみます。2007年 11月に開催された「Adobe MAX Japan 2007」でお見せしたデモンストレーションです。

中で利用しているXMLファイルはこちらからダウンロードください。(林 岳里さんにご提供いただきました!)
» アドレスデータのダウンロード

作り方はこちらから。

図:Adobe Spry+DWで都道府県検索を作る方法のムービー

ムービー中で挿入している、JavaScriptコードはこちらです。

dsPref.setCurrentRowNumber(this.selectedIndex);

また、ムービー中に「Spry領域を挿入しますか?」というダイアログに「いいえ」と回答し、改めて Spry領域を挿入している部分があります。
これは、ダイアログに「はい」と答えて作られる領域はdiv要素で作られてしまい、ドロップダウンリストが横に並ばなくなってしまうため、あえてspan要素で作るように改めて選び直しています。

レイアウト上問題がなければ、ダイアログで「はい」と答えても動作には影響ありません。

図:Adobe Spry+DWで都道府県検索を作る方法(クリックで実行)

» Adobe Labs - Spry framework for Ajax

Comments:3

to-R 08-07-03 (木) 15:43

これすごく便利ですね。

ちなみにXMLデータは自由に利用してよいライセンスですか?

たにぐち まこと 08-07-03 (木) 19:22

> to-Rさん

コメントありがとうございます!

XMLデータですが、元の郵便番号データは加工・再配布可能なデータなようです。
XMLデータ自体は、Adobeの林さんが作られたものなので、ライセンス的にはどうなるのか分からないのですが・・林さんに確認しておきますね!

to-R 08-07-04 (金) 13:09

>たにぐちさん

ありがとうございます。
よろしくおねがいしまーす。

Comment Form
Remember personal info

Trackback+Pingback:0

TrackBack URL for this entry
http://www.h2o-ajax.com/archives/87/trackback
Listed below are links to weblogs that reference
Adobe Spry+DWで都道府県検索を作る方法(ムービー) from Recently Ajax

Home > 02.ニュース > Adobe Spry+DWで都道府県検索を作る方法(ムービー)

Search
Feeds
Meta

Page Top