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. no-image

    JavaScript

    シンプルで美しい軽量のjQueryモーダルウィンドウ「umodal」

    umodalはスッキリしたシンプルで美しいモーダルウィンドウを実装でき…

  2. Filterizr

    JavaScript

    ソートやシャッフルができるギャラリーを実装するjQueryプラグイン「Filterizr」

    Filterizrはソートやシャッフルができるレスポンシブに対応したギ…

  3. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

  4. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン19選のまとめ 2012/04 – 2012/0…

    2012年4月〜2012月7月までの当ブログで紹介したjQueryプラ…

  5. jQuery Star Flashing Effect
  6. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP