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. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

  2. Kerning.js

    JavaScript

    文字間のカーニングや一部の色を変えたりできるjQueryプラグイン「Kerning.js」

    文字間のカーニングや一部の文字の色を変えたりできるjQueryプラグイ…

  3. DateTime Picker

    JavaScript

    レスポンシブでフラットデザインの「DateTime Picker」

    DateTime Pickerはレスポンシブ対応のフラットデザインによ…

  4. Stacked Strips

    JavaScript

    スタックしながらスクロールできるエフェクト実装「Stacked Strips」

    Stacked StripsはWebページをスクロールする時に、スタッ…

  5. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量のJavaScriptプラグイン「justlazy.js」

    justlazy.jsは画像の遅延読み込みを実装することができるJav…

  6. cubeTransition.js

    JavaScript

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

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

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP