タグ

javascriptとsuggestに関するbascinetのブックマーク (3)

  • Jets.js

    How does it work? The main idea is not to affect attributes of each tag in the list while filtering. Instead apply dynamic CSS rule in only one <style> tag and browser will decide which item of list to show or hide. Since it's just CSS - Jets.js may be applied to any tag, whether it's a table or UL, OL, DIV… Search term may be set using text field, select or even programmatically. In fact, plugin

  • suggest.js - 入力補完ライブラリ

    Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES

  • 複数選択可能な入力補完(suggest)のjquery.tokeninput.jsをJSONで使用する

    入力補完機能を提供してくれるjQueryのプラグインを探していたところ・・・ jQuery Plugin: Tokenizing Autocomplete Text Entry 複数項目を選択したかったので、この「jquery.tokeninput.js」を使ってみます。 JSON対応 このライブラリは、サーバー側に検索用のモジュールを配置することを 前提としていますが、今回検索内容の件数がそう多くないので、 jsonファイルを作成して、その内容から合致する項目を検索するよう修正しました。 修正箇所は、jquery.tokeninput.jsの79行目付近 // Basic cache to save on db hits // 引数にsettingsを追加 //var cache = new $.TokenList.Cache(); var cache = new $.TokenList

    複数選択可能な入力補完(suggest)のjquery.tokeninput.jsをJSONで使用する
  • 1