タグ

ブックマーク / www.h2o-ajax.com (3)

  • Prototype.jsを使おう[入門・中級]:住所検索システムを作ろう: Recently Ajax

    先日 jQueryを使って作ってみた住所検索システムですが、IEに対応できなかったり、緯度・経度だけをスマートに表示することができませんでした。 管理人たにぐちが、へたれなだけかも知れませんが、jQueryはどちらかというと通信をばりばりやるようなプログラムよりは、CSSを随時切り替えてエフェクトをかけたりといった「表側」の処理が得意なのかも知れませんね。ということで、同じプログラムを Prototype.jsで作ってみました。 サンプルはこちら 住所検索システム - Prototype.js版 Prototype.jsだけだと、XMLの処理などがあんまり充実していないので、XMLを JSONに変換してくれるJKL.ParseXMLライブラリも組み合わせます。(というか、ほとんどこちらのライブラリだけで処理が完了しちゃう) プログラムはこちら。まずは、住所検索のサービスを呼び出すための

  • jQueryを使おう[入門・中級]:住所検索システムを作る: Recently Ajax

    GoogleマップAPIなどを使っていると、住所から緯度・経度を知りたくなる機会が多々あります。 GoogleマップAPIでも、バージョン2から「Geocoder」という住所検索の仕組みが提供されているのですが、残念ながら日語が通りません。 そこで、別の手段を使って緯度・経度を検索する仕組みを作ってみましたので、ご紹介します。 サンプルはこちら 住所検索 | Recently Ajax ※ 06.09.23追記 上記のサンプルでは余計な情報が同時に表示されてしまっていましたが、改良できました。コメントくださったようへいさん、ありがとうございました。 住所検索 jQuery版(改良版) | Recently Ajax 住所を入力して「検索する」ボタンをクリックすると、緯度・経度が表示されます。 まずは、住所から緯度・経度を割り出してくれるサービスを紹介します。東京大学空間情報科学研究セ

  • Aptana入門:Aptanaで、prototype.jsベースのプログラムを作ろう: Recently Ajax

    コメント( 3 ) | トラックバック( 2 ) 何度も紹介している「Aptana」ですが、なかなか作り方に癖があるので、基的なプロジェクトの作り方を紹介しましょう。 まずは、Aptanaを起動します。    図の「新規プロジェクト」ボタンをクリックすると、[New]というダイアログボックスが表示されるので、「Web Library Projects」の中から「AJAX Library Project」を選びます。 適当なプロジェクト名(ここでは、prototype_sampleにしました)を入力し、必要に応じてファイルを保存する場所を設定し、[Next]ボタンをクリックしましょう。次に、使うフレームワークを選ぶ画面になります。ここで「Prototype x.x.x(バージョン番号)」にチェックを入れて[Next]ボタンをクリックしていきます。 これで、プロジェクトが出来上がりました。「

  • 1