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. 桜
  2. ハニーコム
  3. ブリーズライト
  4. ペタコロ
  5. ジェットウォッシャー
PAGE TOP