no-image

JavaScript

あらかじめ設定したリストなどから複数タグを選択できる「Tokenize2」

Tokenize2は、あらかじめ設定したリストやAjaxから複数のタグを選択できるようにしてくれるjQueryプラグインです。文字を入力し始めると自動で候補が表示される機能も備えています。

Tokenize2

デモ

デモはページの下の方に用意されています。ボックス内にキーワードを入力してタグを登録するのですが、あらかじめ指定されたリスト以外のキーワードは選択できないようになっています。

ちなみにここで設定されているのは、Africa、Americas、Asia、Europe、Oceaniaです。例えば、テキストボックスに「a」を入力すると、候補にAfrica、Americas、Asiaが表示され、この中から任意の項目をセレクトする感じです。

登録されたタグの横にはバツ印が付いていて、ここをクリックすると削除できます。また、キーボードにも対応しているので、deletキーから削除することも可能です。

Tokenize2

no-imageスクロール時に要素を固定できるjQueryプラグイン「ScrollFix」前のページ

縦スクロールによるフォトギャラリー実装「Simple Scroll Gallery」次のページno-image

関連記事

  1. Dropit

    JavaScript

    シンプルでフレキシブルなドロップダウンメニュー「Dropit」

    Dropitはシンプルでフレキシブルなドロップダウンメニューを実装でき…

  2. Parallaxor

    JavaScript

    美しいパララックス効果を最小限のコードで実装できるjQueryプラグイン「Parallaxor」

    Parallaxorは最小限のミニマルなコードで美しいパララックス効果…

  3. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

  4. no-image

    JavaScript

    シンプルなイメージカルーセルを実装できる「Boishakh carousel」

    Boishakh carouselはシンプルなイメージカルーセルを実装…

  5. Rollerblade.js

    JavaScript

    画像を360度回転させて見せることができるjQueryプラグイン「Rollerblade.js」

    Rollerblade.jsというjQueryプラグインを使えば、画像…

  6. Custom jQuery Lightbox

    JavaScript

    デザインや使い方がシンプルな「Custom jQuery Lightbox」

    Custom jQuery Lightboxはデザインや使い方がシンプ…

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP