AutoComplete

YUI2.8.1で日本語をAutoCompleteする

YUIも2.8.1。以前に書いたログと同じことを日本語で実装したくて、XHRDataSourceを使って書いたのだがうまくいかない。前にログを書いていたときのYUIのバージョンは2.6だった。仕様は簡単で、以下の初期画面で「カタカナ」で書かれた商品名を入力する。 す…

AutoComplete Control: Custom Function to Search Different Fields at Runtime

YUIのExample「AutoComplete Control: Custom Function to Search Different Fields at Runtime」へのリンク このExampleは、AutoCompleteを実装するにあたって、 サーチをする関数を自作する(カスタム・サーチ) AutoCompleteの候補を表示するフォーマット…

AutoComplete Control: Tagging Example with alwaysShowContainer

YUIのExampleページ「AutoComplete Control: Tagging Example with alwaysShowContainer」へのリンク タイトルでいうTaggingとは「タグ・クラウド(Tag Cloud)」でいう意味のタグである。 フォークソノミー(folksonomy)という面白い言葉が「発明」されて、W…

AutoComplete Control: Combo Box

YUIのExample「AutoComplete Control: Combo Box」へのリンク このExampleの画面は下。 入力フィールド(inputタグ)には、AutoCompltetが機能がついている。 そして、入力フィールドの脇のボタンを押すと、下のように「AutoCompleteで使われるリスト」が、…

AutoComplete Control: Searching Field A, Submitting Field B with itemSelectEvent

YUIの「AutoComplete Control: Searching Field A, Submitting Field B with itemSelectEvent」へのリンク このサンプルでは、AutoCompleteで選択した項目(item)とセットになっている情報を、「itemを選択したというイベントで取得する」方法が示されてい…

AutoComplete Control: Custom Formatting, with a Proxyless Remote DataSource

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

AutoComplete Control: Customizing Remote Requests

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

AutoComplete Control: Basic Remote Data

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

AutoComplete Control: Basic Local Data

YUIのExample「AutoComplete Control: Basic Local Data」へのリンク AutoCompeteとは、画面への入力中に、その候補を(次々と)自動的に拾って表示する機能のこと。 このようなsuggestionをしてくれるアプリケーションが多くなった。YUIのAutoCompleteのTOP…