jTagging

タグ付け補助

改変版 : download (1.8KB)

Example

space separated

xxx yyy zzz 音楽 囲碁 電脳

<script type="text/javascript" xml:space="preserve">
$(document).ready(function () {
  $("#target").jTagging($("#tag-group1"));
});
</script>

<p><input type="text" id="target" size="65" /> space separated </p>
<p id="tag-group1" class="tags">
  <a>xxx</a>
  <a>yyy</a>
  <a>zzz</a>
</p>

a.tag {
    margin:2px;
    padding:2px;
    border:solid 1px #cdc;
    border-color:#eee #aaa #bbb #eee;
    color:#aaa;
    background-color:#eee;
    font-family:Arial, Helvetica, sans-serif;
    font-size:80%;
}
a.selected { color:#000; background-color:#d6e699; }
a.tag:hover { color:#000; }