これが何と呼ばれているのかわからないので、ネット上でこれに関する参照を見つけるのに苦労しています。ホットメールでは、電子メールを入力すると、電子メールを編集および削除するオプションを備えた同じ行の長方形のブロックに1つずつボックス化されます。これは何ですか?同様のものを実装するためのサンプルコード/フレームワークはありますか?
ありがとう。
これが何と呼ばれているのかわからないので、ネット上でこれに関する参照を見つけるのに苦労しています。ホットメールでは、電子メールを入力すると、電子メールを編集および削除するオプションを備えた同じ行の長方形のブロックに1つずつボックス化されます。これは何ですか?同様のものを実装するためのサンプルコード/フレームワークはありますか?
ありがとう。
これは通常はUL
であり、その中にLI
は、周囲にボックス(この場合は電子メール)を持つようにスタイル設定された要素、または同じ背景INPUT
の周囲に溶け込むフチなしボックスのいずれかがあります。JavaScriptコードは、キーボード入力に従ってUL
ボックスの削除と挿入を処理します。LI
フレームワークのサポートについては知りませんが、存在する可能性があります。
編集:それは存在します。jQueryオプションについてはhttp://plugins.jquery.com/plugin-tags/tags 。
私は同じものを探していました、そしてそれのソースコードを見たとき。彼らはアマダンが言ったようにULを使用しているようですが、その設定は次のようになります。
<div id="container">
<ul id="email_list">
<li class="email_token valid" id="a@a.com" email="a@a.com">
<p>a@a.com</p>
<span class="delete_link">x</span>
</li>
<li class="email_token valid" id="b@b.com" email="b@b.com">
<p>b@b.com</p>
<span class="delete_link">x</span>
</li>
<li class="email_input_container">
<textarea class="email_input_field"></textarea>
</li>
</ul>
</div>
編集:私はそれを実装することになりました、そしてそれは素晴らしく実行されます!
Firefox+Firebugを使用してhotmailの要素を調べてみてください。それはあなたが自分自身を見つけるのに役立ちます。