jQuery Autocompleter

JavaScript

カスタマイズ性に優れたサジェスト機能を実装できる「jQuery Autocompleter」

jQuery Autocompleterはカスタマイズ性に優れたサジェスト機能を実装できるjQueryプラグインです。文字を入力するとそれに関連するキーワード候補をリストアップしてくれるので、入力の手間も省けます。

jQuery Autocompleter

デモ

デモではテキストボックスに何か文字を入力すると、その文字に関連したキーワード候補を表示してくれます。

例えば、aという文字を入力すると、Almond、Antique Brass、Apricot、Aquamarine、Asparagus……などといったキーワード候補がいろいろ出てきます。目的の候補を選択するだけでテキストボックスへの入力が完了するので、いちいち全ての文字を入力する必要もなく、ユーザーの負担も軽減できますね。

オプションもたくさんあり、source、asLocal、empty、limit、minLength、delay、customClass、cache、cacheExpires、focusOpen、hint、selectFirst、changeWhenSelect、highlightMatches、ignoredKeyCode、customLabel、customValue、template、offset、combine、callbackと、多彩なカスタマイズが可能です。

jQuery Autocompleter

no-imageインスタの写真や動画を表示できる軽量なjQueryプラグイン「Instagram Lite」前のページ

軽量でタッチフレンドリーなギャラリースライダー「RV gallery-slider」次のページRV gallery-slider

関連記事

  1. CSS Jquery Pie Countdown Timer

    JavaScript

    グラデーションが美しい円形カウントダウン「CSS Jquery Pie Countdown Time…

    円形によるカウントダウンのタイマーを実装する「CSS Jquery P…

  2. overhang.jp

    JavaScript

    シンプルでクールな通知バーを実装できるjQueryプラグイン「overhang.jp」

    overhang.jsは、通知バーを実装するためのjQueryプラグイ…

  3. css3-mediaqueries-js

    JavaScript

    Media QueriesをIE8以下でも使えるようにするための「css3-mediaqueries…

    前回、Media Queriesの@mediaを使用したCSSをまとめ…

  4. JavaScript

    JavaScriptの配列操作をメモがてら整理してまとめてみる

    自分用のメモです。JavaScriptの配列操作に関するメソッドなんか…

  5. EndlessRiver

    JavaScript

    エンドレスに流れていくコンテンツスライダー「EndlessRiver」

    EndlessRiverはエンドレスに流れていくコンテンツスライダーを…

  6. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP