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は…

2009/6/5 tetsuya.odaka phpのバグを修正（なんで間違ったかな。動くはずないのに）=============================================先の例では、ProxyとなるPHPから「YAHOO! News SearchのWebService」を呼ぶ際に、output=phpを指定して、serialize化されたp…

2009/6/5 tetsuya.odaka phpのバグを修正（なんで間違ったかな）。============================================= このExample（Exampleのページへのリンクはこちら）は、少し面倒なコードが示されている。YAHOO.widget.Tabオブジェクトを生成する際、コン…

Default Treviewの次にしては、この「Dynamically Loading Node Data」は、タフなサンプル。タイトル通り、データをダイナミックにロードしながらNodeを作成し、Treeを構築する（トップ画面の表示を早くする、という目的のため）。 サンプルでは、YAHOO!のRe…

先の例で使った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というプログラムを…