jqueryを使用して、Live Mailが電子メールアドレスを扱うのと同じ方法でタグを処理するにはどうすればよいですか？

Question

私は、Live Mailが電子メールアドレスを行う方法と非常によく似たタグのようなシステムを持つ必要があります。

知らない人のために、Live Mailにはtextboxというメールアドレスを入力できます。電子メールアドレスの入力が終わると、Live Mailはアドレスをプレーンテキストから境界線を持つdivに変換し、その中にテキストを入れます。住所を削除する場合は、住所の上にカーソルを置き、右側に十字が表示されます。アドレスが「タグ付け」された後は変更できません。変更したい場合は、削除して再度追加する必要があります。

これは電子メールアドレスではなくタグでこれを行うことを除いて、私が必要とする機能です。

誰もがこの方法で動作するjqueryコンポーネントを知っているのだろうかと思いました。

乾杯、アンソニー

Answer 1

jquery facebook autocomplete

（Ajaxian経由）メールの自動補完だけでなく、オートコンプリート（book source code）の最後の例のonleを持ってJquery 1.6 UIの本があります。

Answer 2

私は、このようなjQueryプラグインのことを聞いたことはありませんが、自分で達成するにはあまりにも難しいことではありません。しかし、実際の外見にはCSSに関する知識が必要です。

// Code for replacing a textbox with a DIV on blur. 
$('#textbox').blur(function() { 
    var content = $(this).val(); 
    if (!content) return; // Don't make anything out of empty textboxes. 
    // Create a DIV and make it a sibling to the textbox. 
    $('<div>').html(content).appendTo($(this).parent()); 
    // Remove the textbox. 
    $(this).remove(); 
}); 

私は道で、このいずれかをテストしていませんが、これは正しい軌道に乗ってあなたを取得する必要があります。

HTH！