タグ

Ajaxに関するichikawayのブックマーク (13)

  • メンテナンスフリー!郵便番号から住所を返すライブラリ·ajaxzip3 MOONGIFT

    Webシステムを開発している中で郵便番号を入力したら自動的に住所を補完して欲しいという要望は多々ある。実装はそれほど難しいものではない。厄介なのはメンテナンスだろう。市区町村の統廃合によってデータが変わった場合の対応だ。 郵便番号から住所に変換する便利なライブラリ 郵便局から配布されているCSVを都度取り込むという方法もあるが、非常に面倒だ。そこで使ってみたいのがajaxzip3だ。 今回紹介するオープンソース・ソフトウェアはajaxzip3、Ajaxを使って住所を取得するライブラリだ。 ajaxzip3の面白い所はライブラリをGoogle Code上にアップロードしてそのまま利用できてしまう点だ。規約上どうなのかという問題はあるが、そのまま使うと自分でメンテナンスする必要が全くなくなってしまう。自分のサーバであってもajaxzip3を外部のSubversionリポジトリからアップロードす

    メンテナンスフリー!郵便番号から住所を返すライブラリ·ajaxzip3 MOONGIFT
  • prototype.jsでinput radioの値を取得、設定

  • Ajaxサンプル:DOM書き換えサンプル [jQuery, prototype.js]|Ajax入門|Ajaxの基礎と応用の学習|StudyNet

    Ajax入門|Ajaxの基礎と応用の学習 Ajax入門 Web2.0を代表する技術であるAjax JavaScriptの基からAjaxの基礎・応用までサンプルを使って紹介 jQueryとprototype.jsを使った場合のDOM書き換えサンプルを紹介します。 Ajaxフレームワークの代表であるjQueryとprototype.jsを使った場合の記述方法の違いが分かるように纏めました。単純なDOMの書き換えプログラムを紹介しますが、同時にloadイベントとclickイベント処理方法も参考にしてください。jQueryでは、明示的にloadという言葉を記述しませんが、HTML読み込み後DOMが構築されるとすぐに実行させたい場合は、「$(function(){//ここに処理を記述;})」の形式でプログラムを書きます。DOM構築のタイミングはブラウザによって異なるのでクロスブラウザ対策が必要です

  • CrossSlide

    CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (a lot.) What does it do? CrossSlide can do a few different things, depending on how it's called: Slid

  • Tomcat 6で実現! Ajaxを超える通信技術Comet (1/3) - @IT

    Tomcat 6で実現!Ajaxを超える通信技術Comet:Tomcatはどこまで“安全”にできるのか?(3)(1/3 ページ) Ajaxを超える? Tomcat 6で搭載されたCometとは? 前回はTomcatを“安全”に活用するために、ツールを使った運用の仕方やTomcatの設定について解説しました。 今回はTomcatの安全性から少し離れて、Tomcat 6の新機能の利用方法について解説します。Tomcat 6では、いくつかの大きな拡張がありましたが、今回はJ2SE 1.5で実装されたNew I/O APIjava.nioパッケージ)を用いたComet(コメット)通信について解説します。 おさらい 「通常のHTTPでの通信」 通常のHTTPでの通信はクライアントのWebブラウザなどからサーバへリクエストを送信し、サーバはリクエストを解釈してレスポンスを返します。つまり、通信のタイ

    Tomcat 6で実現! Ajaxを超える通信技術Comet (1/3) - @IT
  • JQuery Cycle Plugin

    Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is

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

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

  • jQuery 開発者向けメモ

    jQuery 開発者向けのメモです. ずっと以前に,jQuery に関する日語の情報がまだ少ない頃に作ったページですが, その後 jQuery を再び利用する機会があったので,最新バージョン向けに記述を更新しました. 住宅ローンシミュレーションです. jQueryを利用したフォームの動的な追加や,flotプラグインによるグラフ描画などを行っています. ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです. 最終更新:2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したイ

  • Ajaxを勉強しよう

    このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって? AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja

  • PoCo::HTTP で Comet チャットサーバを作る - daily dayflower

    せっかくのイベントドリブンフレームワークな POE ですから Comet でチャットをやってみようかと。ありきたりですが。 POE::Component::* でウェブサーバを立ち上げられるのは現在のところ, POE::Component::Server::HTTPServer POE::Component::Server::SimpleHTTP POE::Component::Server::HTTP の3つがあります。1番目は最近 inactive なのでパス。2番目は「イベントフレームワーク」への馴染みはいいんですが「Simple」じゃなくなってます。3番目はコールバック関数を登録するというお気楽スタイルなんですがちょっと雑な感じ。 今回は楽をするために3番目の PoCo::HTTP を使ってみたいと思います。id:naoya 氏も最近紹介してましたし。 URI の設計指針は, チャ

    PoCo::HTTP で Comet チャットサーバを作る - daily dayflower
  • http://1470.net/tag/Ajax

  • 【ハウツー】クールなスライドショーもJavaScriptで簡単! - Smooth SlideShow Library (2) Smooth SlideShow Libraryとは | エンタープライズ | マイコミジャーナル

    Smooth SlideShow LibraryはJavaScriptで開発されたスライドショーライブラリ。Ajaxフレームワークライブラリであるmootoolsを使って開発されており、クロスフェーディング効果のあるスライドショー機能を提供することができる。最新版は11日(米国時間)にリリースされた2.0。 Smooth SlideShow LibraryはGNU GENERAL PUBLIC LICENSE Version 2のもとで提供されているオープンソースソフトウェア。動作プラットフォームには依存しないとしているが、完全に試験されたプラットフォームはFirefox、Opera、IE 6であり、ユーザからはSafariにおける動作報告もあがっている。 2.0における主な変更点は次のとおり。 コードをすべてオブジェクト内に移行させたため、ひとつのWebページにおいて複数のスライドショー

  • Adobe Spry エフェクト(フェード処理)

    Spry prerelease 1.3から各種エフェクトが追加されました。エフェクトのベースとしてはscript.aculo.usを参考にしているようです。 このためSpryエフェクトの指定方法はscript.aculo.usと、ほぼ同じです。パラメータが異なるのは仕方ないところですが、script.aculo.usを使ったことがあるのであれば、すぐに使うことができるでしょう。 最初にフェード処理を行ってみます。まず、エフェクト対象になるオブジェクトにID名を指定しておきます。指定したID名をSpry.Effect.AppearFade()の最初のパラメータに指定します。以下のサンプルではボックスをクリックするとボックスがフェードインします。(サンプルを実行する) <html> <head> <meta http-equiv="content-type" content="text/htm

  • 1