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. Force.js

    JavaScript

    要素を手軽にアニメーション化できる「Force.js」

    Force.jsはページ上の要素を手軽にアニメーション化させることがで…

  2. AniX

    JavaScript

    優れたパフォーマンスと互換性を備えたアニメーションライブラリ「AniX」

    AniXは優れたパフォーマンスと互換性を備えた軽量のアニメーションライ…

  3. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

  4. jquery.resizeend

    JavaScript

    ウィンドウをリサイズした時にイベント発生できる「jquery.resizeend」

    jquery.resizeendは、ブラウザのウィンドウをリサイズした…

  5. no-image

    JavaScript

    サイドバーをフローティングできる「FloatSidebar.js」

    FloatSidebar.jsはサイドバーをフローティングできるVan…

  6. markerPen

    JavaScript

    Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

    markerPenはWebページにマーカーで描ける機能を実装することが…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6

アーカイブ

PAGE TOP