YUIのExample「AutoComplete Control: Custom Formatting, with a Proxyless Remote DataSource」へのリンク 2009/4/11追記；Yahoo Video Serch APIが廃止になってしまったため、Official ExampleはFlickrから画像を取得するものに変更になっている。 変更点…

YUIのExample「AutoComplete Control: Customizing Remote Requests」へのリンク このExampleでは、サーバーにあるPHPプログラムをProxyにして、YAHOO! WebSerach(V1)からAutoCompleteの候補を取得している。 タイトルにCustomizingとあるのは、WebSearchへ…

YUIのExample「AutoComplete Control: Basic Remote Data」へのリンク このサンプルでは、HTTPサーバー配下にあるPHPプログラムからテキストデータを取得して、AutoCompleteを行う。 このPHPプログラム（ysearch_flat.php）は、内部にテキストデータを抱えて…

YUIのExample「DataTable Control: Local XML Data」へのリンク このExampleでも、また、以下のようなテーブルを作成する。 以前のExample「DataTable Control: XML Data Over XHR With POST」では、DataSourceで定義するソースとして、YAHOO! Local Search…

YUIのExample「DataTable Control: Textual Data Over XHR」へのリンク このExampleでは、下の図のようなテーブルを作成する。 この図を見る限りにおいて、「DataTable Control: Textual Data Over XHR（その１）」と違いがないが、HTTPサーバー下におくText…

YUIのExample「DataTable Control: Textual Data Over XHR」へのリンク JSON、XMLに続き、このExampleでは、TextデータをConnection Managerを経由で取得して、以下のようなテーブルを作成する。 YUIのExampleでは、2つの表が1つのExampleで示されているが、…

YUIのExample「DataTable Control: XML Data Over XHR With POST」へのリンク このExampleは、先の「DataTable Control: JSON Data Over XHR」のXML版である。 違いは YAHOO! Local Searchから取得するデータの形式がXML形式であること HTTPのメソッドとして…

YUIのExample「DataTable Control: JSON Data Over XHR」へのリンク このExampleでは、DataSourceとして「サーバーにあるPHPプログラムを指定」して、JSONデータの取得を行い、テーブルを作成している。 この部分は // Connection Managerに任せるRequestは…

先の例で使ったYUIのGet Utilityには、cssをダイナミックにロードする機能がついてる。今回は、そのサンプル（Getting CSS Style Sheets）を解析して、若干のmodifyを行う。このExampleでは、CSSのダイナミックロードとともに、先の例と同様にGet.scriptを使…

先までのConnection Managerをつかったサンプルでは、same-origin policyにより、他のサイトのサービス（WebService)を利用するためにサーバーサイドのプログラム（Proxy）を使用した。これは、他のサイトのコンテンツをJavaScriptに直接読み込んでeval()し…

先の例では、（サンプルソースをおく）Httpサーバー上にJSONデータをおいて、YUIのJSONモジュールの評価をおこなった。だが、一般的なsituationを考えると、same origin policyの元でサーバープログラムをproxyとすることをサンプリングしておくべきと考える…

先の例では、YUIのConnection ManagerとXMLを使って、XHR（XMLHttpRequest）のサンプリングを行った。 RESTでマッシュアップをする（より広義には、Ajaxを実装する）際に、XMLだけでなく、JSONを外すわけにはいかない。（JSONについては、Wikipwdia:JSONを参…

YUIのConnection ManagerのExampleにある「Retrieving a Yahoo! Weather RSS Feed」のサンプルは、「Yahoo! Weather RSS feed」からRSSのフィードをとってくるサンプル。 ソースを追ってみると、Exampleをおいているサーバーのweather.phpというプログラムを…

今回も、YUIのExapleから離れて、File Uploadする簡単なコードを作ってみた。 イメージしたのは、最近のWebメイルにある添付ファイルをはるやり方。 文書を書いて、送信する前にファイルをアップロードし、それを削除したい場合には、「削除」と書いたリンク…

YUIのExampleのページには、あまり基本的で面白い例があがっていないのだが、Connection ManagerはAjaxの肝の部分なので、ここでもYUIのページから離れて、FormをGETメソッドとPOSTメソッドで送る例を作ってみた。まず、以下のようなform要素を含む画面を用…

Jajascriptを使って、クライアントサイド（つまり、ブラウザー上）でXMLをParseするというケースで、一番考えられるのは、マッシュアップだと思う。この場合には、 整形式のXML REST 各種文書からXMLの形式についての情報がえられる。得られない場合は、（正…

先の例では、超簡単な例で、YUIのレスポンスオブジェクトからresponseXMLを取り出してみた。 今回は以下のような、ちょっと複雑だが、マッシュアップするときなどにありがちなデータを取得してみる。 <testdata> <company> <name> ほげほげ（株） </name> <place> ほげほげ県ほげほげ市1-1 </place> <domain> 電気 </domain> <salesman> <sname></sname></salesman></company></testdata>…

先の例では、レスポンスオブジェクトから平文のテキストを取り出してみた。 サーバーからのレスポンスとして、なんらかの「実用的な情報」を取り出す方法として、平文のデータを受け取ることの他に、XMLでデータを受け取ることができる。 RESTデータをマッシ…

昨日は、YUIのConnection Managerについて、そのトップページを概観したが、飽きてきてしまったので、YUIのExampleから離れて、YUIのAjaxの機能を使った簡単なサンプルを作ってみる。 サンプリングするのは、Ajax機能そのもののYAHOO.util.Connect.asyncRequ…

朝の続きで、YUIのConnection Managerのトップページを概観する。 CAllbackオブジェクトとScope 「this」という予約語は、相当に厄介な代物に思われる。 thisやsuperといった予約語は、Javaでは当たり前に使われるが、JavaScritptはそもそも（ページスコープ…

Connection Manegerは、XMLHttpRequestを処理するためのモジュール類（YUIのConnection Managerのページはこちら）。 よく知られている通り、Ajaxは、Asynchuronous Javascript and XMLの略なので、狭義には、このConnection Mangerでハンドルする「in page…