Form - Tags
One stop solution for perfect admin dashboard!
Default Tags
<input id="tags_1" type="text" class="tags" value="foo,bar,baz,roffle" /></p>
<!-- ========== JS ========== -->
<script>
$(function($) {
$('#tags_1').tagsInput({width:'auto'});
});
</script>
Different Colors
<input id="tags_2" type="text" class="tags" value="php,ios,javascript,ruby,android,kindle" /></p>
<!-- ========== JS ========== -->
<script>
$(function($) {
$('#tags_2').tagsInput({
width: 'auto',
onChange: function(elem, elem_tags)
{
var languages = ['php','ruby','javascript'];
$('.tag', elem_tags).each(function()
{
if($(this).text().search(new RegExp('\\b(' + languages.join('|') + ')\\b')) >= 0)
$(this).css('background-color', '#f39c12');
});
}
});
});
</script>
Another Tag Input
<!-- ========== JS ========== -->
<script>
$(function($) {
});
</script>