no-image

JavaScript

依存関係のないタグ付け機能を実装できる「taggle.js」

taggle.jsは依存関係のないタグ付け機能を実装できるのが特徴です。taggle.jsを使用することでフォーム内にタグフィールドを作成し、ユーザーからの入力を簡単にするほか制限付きで許可することも可能です。

taggle.js

デモ

フォーム内に文字を入力してEnterキーを押すと、その入力した文字がタグとして追加されます。削減する場合はdeleteキーを使うか、もしくは削減したいタグにホバーするとバツ印が表示されるので、そこをクリックすると目的のタグを消すことができます。

そのほか、あらかじめ特定のタグを表示させておくことができたり、同じタグを入力した時にアラートのアクションを実行させたり、オートコンプリート機能を実装したりと、さまざまな機能が用意されています。

オプションもかなり豊富で、additionalTagClasses、allowDuplicates、preserveCase、saveOnBlur、clearOnBlur、duplicateTagClass、containerFocusClass、focusInputOnContainerClick、hiddenInputName……など、ほかにもいろんな項目が用意されています。

taggle.js

Amigo Sorter Pluginタッチ対応で直感的に並べ替えできるjQueryプラグイン「Amigo Sorter Plugin」前のページ

イベントやカスタマイズが可能な拡張性の高いタブシステム「Touch-Tabs-jQuery」次のページTouch-Tabs-jQuery

関連記事

  1. Quttons

    JavaScript

    ボタンの形状やカラーが変化するjQueryプラグイン「Quttons」

    Quttonsはボタンをクリックすると形状やカラーが変化して新しいコン…

  2. jQueryプラグイン

    JavaScript

    jQueryプラグイン・2014年下半期70選まとめ

    今年も残すところ後わずかとなってしまいました。というわけで、2014年…

  3. jQlouds

    JavaScript

    ふわふわと流れるアニメーション付きの雲を実装できるjQueryプラグイン「jQlouds」

    jQloudsというjQueryプラグインを使えば、ふわふわした雲を実…

  4. no-image

    JavaScript

    ミニマルでダイナミックなLightboxプラグイン「darkbox.js」

    darkbox.jsはミニマルながらもダイナミックなLightbox風…

  5. JavaScript

    画像をボックス単位に分割してスライドさせていくjQueryプラグイン「Maskify Slider」…

    とてもお洒落なjQueryのイメージスライダーがあったのでご紹介します…

  6. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

最近の記事

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

アーカイブ

PAGE TOP