Tag-it

JavaScript

サジェスト機能を搭載したタグ編集ウィジェット「Tag-it」

Tag-itはサジェスト機能を搭載したjQuery UIプラグインによるタグ編集ウィジェットです。シンプルな設定で使用できるほか、数多くのオプション項目が用意されているのでカスタマイズしたい場合にも最適です。

Tag-it

デモ

Demoというところにタグを入力するボックスが設置されていて、ここに好きなキーワードを入力してタグを登録することが可能です。サジェスト機能が搭載されているので、例えばaという文字を入力すると、その下に「asp」と「apl」というタグの候補が表示されます。

入力を補助してくれるサジェスト機能は、ユーザーにとっては便利な機能ですね。

また、オプションもかなり豊富でさまざまなカスタマイズを施すことができます。主なオプションは、fieldName、availableTags、autocomplete、showAutocompleteOnFocus、removeConfirmation、caseSensitive、allowDuplicates、allowSpaces、readOnly、tagLimit、singleField、singleFieldDelimiter、singleFieldNode、tabIndex、placeholderTextです。

その他、オプション以外にもイベントやメソッドも用意されています。というわけで、シンプルな設定ながらも豊富なオプションやイベントで高いカスタマイズ性も備えた高機能なタグ編集ウィジェット「Tag-it」の紹介でした。

Tag-it

no-image背景にSVGによるライン(線)をランダムで生成する「ckLine.js」前のページ

CSSによる素敵なスピナーコレクション「Epic Spinners」次のページEpic Spinners

関連記事

  1. Zoom Slider

    JavaScript

    ズーム機能を備えたシンプルなコンテンツスライダー「Zoom Slider」

    Zoom Sliderは奥行き感を演出したズーム機能を備えたシンプルな…

  2. Zoomer

    JavaScript

    画像をズームできてギャラリーにもすることができるjQueryプラグイン「Zoomer」

    ZoomerというjQueryプラグインを使えば画像をズームさせる機能…

  3. JavaScript

    ボックス要素からはみ出した分のテキストを「…」に置き換えてくれるjQueryプラグイン「…

    なんとなく使う機会がありそうな感じのjQueryプラグイン「jQuer…

  4. jQuery Social Share Bar
  5. JavaScript

    レスポンシブにも対応している人気のjQueryプラグインのスライダー「Nivo Slider」の使い…

    レスポンシブにも対応している人気のjQueryプラグイン「Nivo S…

最近の記事

  1. ハワイ カウ
  2. ぼんしゃん全部入り
  3. ナイトロコーヒー
  4. チーズベーコンエッグバーガー
PAGE TOP