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. JavaScript

    回転するアニメーション付きの円形ナビゲーションを実装できる「wheelnav.js」

    wheelnav.jsは回転する円形のナビゲーションを実装することがで…

  2. Animated Intro With jQuery

    JavaScript

    プログレスバーつきのカッコいいイントロページを実装する「Animated Intro With jQ…

    シンプルなアニメーションがとてもカッコいいイントロページを実装する「A…

  3. no-image

    JavaScript

    スライドアニメーションによる多階層なハンバーガーメニュー「ggContentMenu」

    ggContentMenuはスライドアニメーションを備えた多階層に最適…

  4. no-image

    JavaScript

    サラッとスライスで切り替わるスライダー実装「Slice Slider」

    Slice Sliderはサラッとスライスでシンプルに切り替わるスライ…

  5. no-image

    JavaScript

    カードを入れ替えるような3Dアニメーションによるスライダー「stack-slider」

    stack-sliderはカードを入れ替えるような3Dアニメーションに…

  6. JavaScript

    画像の一部をカッコよく拡大したりできるjQueryプラグイン「Loupe」

    こうゆうプラグインは初めて使ってみたんですが、とても面白いですね。Lo…

最近の記事

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