jTags demo

This plugin transforms an input element to display some tags elements in the way tumblr does.
The field value is the concatenation of the tags (separator: ", ").

Usage

$('.tags').tags(options);

options

• separator: The character used to separate tags and to concatenate the result. Default is the coma (",")
• add(added_tag_txt, tags): callback function when a new tag is added to the list. Gets the added tag content and the tags object as parameters.
• remove(removed_tag_txt, tags): callback function when a tag is removed. Gets the removed tag content and the tags object as parameters

Example

$('.tags').tags({
	'separator':',',
	'add':function(added_tag, tags){
		$('#status').html('Tag added: ' + added_tag  + '. ' + tags.tags.length + ' tags in total');
	},
	'remove':function(removed_tag, tags){
		$('#status').html('Tag removed: ' + removed_tag  + '. ' + tags.tags.length + ' tags in total');
	}
});
$('button.show').click(function(){
	alert($('.tags').val());
});