mirror of
https://github.com/wahyd4/jQuery-Tags-Input.git
synced 2026-08-09 21:06:43 +10:00
Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
 junv
|
291739bd50 | ||
 Ben Brown
|
e27248adde |
@@ -11,6 +11,8 @@ list of tags!
|
||||
|
||||
[View Demo](http://xoxco.com/projects/code/tagsinput/)
|
||||
|
||||
[Test it yourself using this jsFiddle Demo](http://jsfiddle.net/7aDak/)
|
||||
|
||||
Created by [XOXCO](http://xoxco.com)
|
||||
|
||||
|
||||
|
||||
+15
-31
@@ -1,8 +1,12 @@
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="http://xoxco.com/projects/code/tagsinput/jquery.tagsinput.css" />
|
||||
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
|
||||
<script type="text/javascript" src="jquery.tagsinput.js"></script>
|
||||
|
||||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="http://xoxco.com/projects/code/tagsinput/jquery.tagsinput.js"></script>
|
||||
<!-- To test using the original jQuery.autocomplete, uncomment the following -->
|
||||
<!--
|
||||
<script type='text/javascript' src='http://xoxco.com/x/tagsinput/jquery-autocomplete/jquery.autocomplete.min.js'></script>
|
||||
<link rel="stylesheet" type="text/css" href="http://xoxco.com/x/tagsinput/jquery-autocomplete/jquery.autocomplete.css" />
|
||||
-->
|
||||
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js'></script>
|
||||
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/start/jquery-ui.css" />
|
||||
|
||||
@@ -10,38 +14,19 @@
|
||||
<script type="text/javascript">
|
||||
|
||||
function onAddTag(tag) {
|
||||
console.log("Added a tag: " + tag);
|
||||
alert("Added a tag: " + tag);
|
||||
}
|
||||
function onRemoveTag(tag) {
|
||||
console.log("Removed a tag: " + tag);
|
||||
alert("Removed a tag: " + tag);
|
||||
}
|
||||
|
||||
function onChangeTag(input,tag) {
|
||||
console.log("Changed a tag: " + tag);
|
||||
}
|
||||
|
||||
function validateTag(tag) {
|
||||
console.log("Validating tag " + tag);
|
||||
return true;
|
||||
|
||||
}
|
||||
|
||||
function onError(msg) {
|
||||
console.log(msg);
|
||||
alert("Changed a tag: " + tag);
|
||||
}
|
||||
|
||||
$(function() {
|
||||
|
||||
// $('.tags').tagsInput({validateTag: validateTag,,onAddTag:onAddTag,onRemoveTag:onRemoveTag,onChange: onChangeTag});
|
||||
|
||||
|
||||
|
||||
|
||||
$('.tags').tagsInput({
|
||||
onError: onError,
|
||||
autocomplete: {source: ['a','alpha']}
|
||||
});;
|
||||
/*
|
||||
$('#tags_1').tagsInput({width:'auto'});
|
||||
$('#tags_2').tagsInput({
|
||||
width: 'auto',
|
||||
onChange: function(elem, elem_tags)
|
||||
@@ -56,11 +41,10 @@
|
||||
});
|
||||
$('#tags_3').tagsInput({
|
||||
width: 'auto',
|
||||
autocomplete: {source: 'test/fake_json_endpoint.html'}
|
||||
// autocomplete: {source: [{label:'Alpha',value:'1'},{label:'Beta',value:'x'}] }
|
||||
});
|
||||
|
||||
*/
|
||||
//autocomplete_url:'test/fake_plaintext_endpoint.html' //jquery.autocomplete (not jquery ui)
|
||||
autocomplete_url:'test/fake_json_endpoint.html' // jquery ui autocomplete requires a json endpoint
|
||||
});
|
||||
|
||||
|
||||
// Uncomment this line to see the callback functions in action
|
||||
@@ -79,6 +63,6 @@
|
||||
<input id="tags_2" type="text" class="tags" value="php,ios,javascript,ruby,android,kindle" /></p>
|
||||
|
||||
<p><label>Autocomplete:</label>
|
||||
<input id='tags_3' type='text' class='tags' /></p>
|
||||
<input id='tags_3' type='text' class='tags'></p>
|
||||
|
||||
</form>
|
||||
+131
-179
@@ -1,8 +1,8 @@
|
||||
/*
|
||||
|
||||
jQuery Tags Input Plugin 2.0
|
||||
jQuery Tags Input Plugin 1.3.3
|
||||
|
||||
Copyright (c) 2012 XOXCO, Inc
|
||||
Copyright (c) 2011 XOXCO, Inc
|
||||
|
||||
Documentation for this plugin lives here:
|
||||
http://xoxco.com/clickable/jquery-tags-input
|
||||
@@ -12,22 +12,12 @@
|
||||
|
||||
ben@xoxco.com
|
||||
|
||||
GOALS FOR 2.0
|
||||
|
||||
Fix identifier issue - should work with any valid jquery selector
|
||||
Make internationalization friendly
|
||||
add tag input validation
|
||||
make sure autocomplete works with newest jquery
|
||||
|
||||
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
var internal_counter = 0; // this is used to create unique ids for each tag input
|
||||
|
||||
|
||||
// automatically size the input to show the entire value
|
||||
var delimiter = new Array();
|
||||
var tags_callbacks = new Array();
|
||||
$.fn.doAutosize = function(o){
|
||||
var minWidth = $(this).data('minwidth'),
|
||||
maxWidth = $(this).data('maxwidth'),
|
||||
@@ -55,6 +45,7 @@
|
||||
|
||||
};
|
||||
$.fn.resetAutosize = function(options){
|
||||
// alert(JSON.stringify(options));
|
||||
var minWidth = $(this).data('minwidth') || options.minInputWidth || $(this).width(),
|
||||
maxWidth = $(this).data('maxwidth') || options.maxInputWidth || ($(this).closest('.tagsinput').width() - options.inputPadding),
|
||||
val = '',
|
||||
@@ -71,53 +62,37 @@
|
||||
whiteSpace: 'nowrap'
|
||||
}),
|
||||
testerId = $(this).attr('id')+'_autosize_tester';
|
||||
if(! $('#'+testerId).length > 0){
|
||||
testSubject.attr('id', testerId);
|
||||
testSubject.appendTo('body');
|
||||
}
|
||||
|
||||
input.data('minwidth', minWidth);
|
||||
input.data('maxwidth', maxWidth);
|
||||
input.data('tester_id', testerId);
|
||||
input.css('width', minWidth);
|
||||
};
|
||||
|
||||
if(! $('#'+testerId).length > 0){
|
||||
testSubject.attr('id', testerId);
|
||||
testSubject.appendTo('body');
|
||||
}
|
||||
|
||||
input.data('minwidth', minWidth);
|
||||
input.data('maxwidth', maxWidth);
|
||||
input.data('tester_id', testerId);
|
||||
input.css('width', minWidth);
|
||||
};
|
||||
|
||||
$.fn.addTag = function(value,options) {
|
||||
options = jQuery.extend({focus:false,callback:true},options);
|
||||
this.each(function() {
|
||||
var id = $(this).attr('id');
|
||||
|
||||
var settings = $(this).data('settings');
|
||||
var tagslist = $(this).val().split(settings.delimiter);
|
||||
var tagslist = $(this).val().split(delimiter[id]);
|
||||
if (tagslist[0] == '') {
|
||||
tagslist = new Array();
|
||||
}
|
||||
|
||||
value = jQuery.trim(value);
|
||||
|
||||
var skipTag = false;
|
||||
if (options.unique) {
|
||||
skipTag = $(this).tagExist(value);
|
||||
var skipTag = $(this).tagExist(value);
|
||||
if(skipTag == true) {
|
||||
//Marks fake input as not_valid to let styling it
|
||||
$(settings.fake_input).addClass('not_valid');
|
||||
if (settings.onError) {
|
||||
var f = settings.onError;
|
||||
f.call(this,'duplicate');
|
||||
}
|
||||
$('#'+id+'_tag').addClass('not_valid');
|
||||
}
|
||||
}
|
||||
|
||||
if (settings.validateTag) {
|
||||
var f = settings.validateTag;
|
||||
if (!f.call(this,value)) {
|
||||
skipTag = true;
|
||||
$(settings.fake_input).addClass('not_valid');
|
||||
if (settings.onError) {
|
||||
var f = settings.onError;
|
||||
f.call(this,'validation');
|
||||
}
|
||||
|
||||
}
|
||||
} else {
|
||||
var skipTag = false;
|
||||
}
|
||||
|
||||
if (value !='' && skipTag != true) {
|
||||
@@ -125,59 +100,60 @@
|
||||
$('<span>').text(value).append(' '),
|
||||
$('<a>', {
|
||||
href : '#',
|
||||
title : settings.removeText,
|
||||
title : 'Removing tag',
|
||||
text : 'x'
|
||||
}).click(function () {
|
||||
return $(settings.real_input).removeTag(escape(value));
|
||||
return $('#' + id).removeTag(escape(value));
|
||||
})
|
||||
).insertBefore(settings.input_wrapper);
|
||||
).insertBefore('#' + id + '_addTag');
|
||||
|
||||
tagslist.push(value);
|
||||
|
||||
$(settings.fake_input).val('');
|
||||
$('#'+id+'_tag').val('');
|
||||
if (options.focus) {
|
||||
$(settings.fake_input).focus();
|
||||
$('#'+id+'_tag').focus();
|
||||
} else {
|
||||
$(settings.fake_input).blur();
|
||||
$('#'+id+'_tag').blur();
|
||||
}
|
||||
|
||||
|
||||
$.fn.tagsInput.updateTagsField(this,tagslist);
|
||||
|
||||
if (settings.onAddTag) {
|
||||
var f = settings.onAddTag;
|
||||
if (options.callback && tags_callbacks[id] && tags_callbacks[id]['onAddTag']) {
|
||||
var f = tags_callbacks[id]['onAddTag'];
|
||||
f.call(this, value);
|
||||
}
|
||||
if(settings.onChange)
|
||||
if(tags_callbacks[id] && tags_callbacks[id]['onChange'])
|
||||
{
|
||||
var i = tagslist.length;
|
||||
var f = settings.onChange;
|
||||
var f = tags_callbacks[id]['onChange'];
|
||||
f.call(this, $(this), tagslist[i-1]);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
$.fn.removeTag = function(value) {
|
||||
value = unescape(value);
|
||||
this.each(function() {
|
||||
var settings = $(this).data('settings');
|
||||
var old = $(this).val().split(settings.delimiter);
|
||||
var id = $(this).attr('id');
|
||||
|
||||
var old = $(this).val().split(delimiter[id]);
|
||||
|
||||
$(settings.holder + ' .tag').remove();
|
||||
$('#'+id+'_tagsinput .tag').remove();
|
||||
str = '';
|
||||
for (i=0; i< old.length; i++) {
|
||||
if (old[i]!=value) {
|
||||
str = str + settings.delimiter +old[i];
|
||||
str = str + delimiter[id] +old[i];
|
||||
}
|
||||
}
|
||||
|
||||
$.fn.tagsInput.importTags(this,str);
|
||||
|
||||
if (settings.onRemoveTag) {
|
||||
var f = settings.onRemoveTag;
|
||||
if (tags_callbacks[id] && tags_callbacks[id]['onRemoveTag']) {
|
||||
var f = tags_callbacks[id]['onRemoveTag'];
|
||||
f.call(this, value);
|
||||
}
|
||||
});
|
||||
@@ -185,64 +161,65 @@
|
||||
return false;
|
||||
};
|
||||
|
||||
$.fn.tagExist = function(val) {
|
||||
var settings = $(this).data('settings');
|
||||
var tagslist = $(this).val().split(settings.delimiter);
|
||||
return (jQuery.inArray(val, tagslist) >= 0); //true when tag exists, false when not
|
||||
$.fn.tagExist = function(val) {
|
||||
var id = $(this).attr('id');
|
||||
val = val.toLowerCase();
|
||||
var tagslist = $(this).val().toLowerCase().split(delimiter[id]);
|
||||
return (jQuery.inArray(val, tagslist) >= 0); //true when tag exists, false when not
|
||||
};
|
||||
|
||||
|
||||
// clear all existing tags and import new ones from a string
|
||||
$.fn.importTags = function(str) {
|
||||
var settings = $(this).data('settings');
|
||||
$(settings.holder + ' .tag').remove();
|
||||
id = $(this).attr('id');
|
||||
$('#'+id+'_tagsinput .tag').remove();
|
||||
$.fn.tagsInput.importTags(this,str);
|
||||
}
|
||||
|
||||
$.fn.tagsInput = function(options) {
|
||||
var settings = jQuery.extend({
|
||||
interactive:true,
|
||||
defaultText:'add a tag',
|
||||
removeText:'Remove Tag',
|
||||
minChars:0,
|
||||
width:'auto',
|
||||
minHeight:'100px',
|
||||
height: 'auto',
|
||||
autocomplete: null,
|
||||
autocompleteselect: null,
|
||||
'hide':true,
|
||||
'delimiter':',',
|
||||
'unique':true,
|
||||
removeWithBackspace:true,
|
||||
placeholderColor:'#666666',
|
||||
autosize: true,
|
||||
comfortZone: 20,
|
||||
inputPadding: 6*2,
|
||||
onChange: null, // events and handlers
|
||||
onAddTag: null,
|
||||
onRemoveTag: null,
|
||||
validateTag: null,
|
||||
onError: null
|
||||
},options);
|
||||
var settings = jQuery.extend({
|
||||
interactive:true,
|
||||
defaultText:'add a tag',
|
||||
minChars:0,
|
||||
width:'300px',
|
||||
height:'100px',
|
||||
autocomplete: {selectFirst: false },
|
||||
'hide':true,
|
||||
'delimiter':',',
|
||||
'unique':true,
|
||||
removeWithBackspace:true,
|
||||
placeholderColor:'#666666',
|
||||
autosize: true,
|
||||
comfortZone: 20,
|
||||
inputPadding: 6*2
|
||||
},options);
|
||||
|
||||
this.each(function() {
|
||||
if (settings.hide) {
|
||||
$(this).hide();
|
||||
}
|
||||
|
||||
|
||||
var id = internal_counter++;
|
||||
var id = $(this).attr('id');
|
||||
if (!id || delimiter[$(this).attr('id')]) {
|
||||
id = $(this).attr('id', 'tags' + new Date().getTime()).attr('id');
|
||||
}
|
||||
|
||||
var data = jQuery.extend({
|
||||
pid:id,
|
||||
real_input: this,
|
||||
real_input: '#'+id,
|
||||
holder: '#'+id+'_tagsinput',
|
||||
input_wrapper: '#'+id+'_addTag',
|
||||
fake_input: '#'+id+'_tag'
|
||||
},settings);
|
||||
|
||||
$(this).addClass('tagsinput_processed');
|
||||
|
||||
var markup = '<div id="'+id+'_tagsinput" class="tagsinput"><div id="'+id+'_addTag" class="tagsinput_inputwrapper">';
|
||||
|
||||
delimiter[id] = data.delimiter;
|
||||
|
||||
if (settings.onAddTag || settings.onRemoveTag || settings.onChange) {
|
||||
tags_callbacks[id] = new Array();
|
||||
tags_callbacks[id]['onAddTag'] = settings.onAddTag;
|
||||
tags_callbacks[id]['onRemoveTag'] = settings.onRemoveTag;
|
||||
tags_callbacks[id]['onChange'] = settings.onChange;
|
||||
}
|
||||
|
||||
var markup = '<div id="'+id+'_tagsinput" class="tagsinput"><div id="'+id+'_addTag">';
|
||||
|
||||
if (settings.interactive) {
|
||||
markup = markup + '<input id="'+id+'_tag" value="" data-default="'+settings.defaultText+'" />';
|
||||
@@ -253,93 +230,68 @@
|
||||
$(markup).insertAfter(this);
|
||||
|
||||
$(data.holder).css('width',settings.width);
|
||||
$(data.holder).css('height',settings.height);
|
||||
$(data.holder).css('min-height',settings.minHeight);
|
||||
|
||||
// store the settings with the DOM object so we can use them in other functions
|
||||
$(this).data('settings',data);
|
||||
|
||||
$(data.holder).css('min-height',settings.height);
|
||||
$(data.holder).css('height','100%');
|
||||
|
||||
if ($(this).val()!='') {
|
||||
$.fn.tagsInput.importTags($(this),$(this).val());
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
if ($(data.real_input).val()!='') {
|
||||
$.fn.tagsInput.importTags($(data.real_input),$(data.real_input).val());
|
||||
}
|
||||
if (settings.interactive) {
|
||||
$(data.fake_input).val($(data.fake_input).attr('data-default'));
|
||||
$(data.fake_input).css('color',settings.placeholderColor);
|
||||
$(data.fake_input).resetAutosize(settings);
|
||||
|
||||
|
||||
// if the user clicks anywhere in the tag box, focus the input field
|
||||
$(data.holder).on('click',data,function(event) {
|
||||
$(data.holder).bind('click',data,function(event) {
|
||||
$(event.data.fake_input).focus();
|
||||
});
|
||||
|
||||
// if the user clicks in the input field…
|
||||
$(data.fake_input).on('focus',data,function(event) {
|
||||
// empty the field
|
||||
$(data.fake_input).bind('focus',data,function(event) {
|
||||
if ($(event.data.fake_input).val()==$(event.data.fake_input).attr('data-default')) {
|
||||
$(event.data.fake_input).val('');
|
||||
}
|
||||
// set the field to the active color
|
||||
$(event.data.fake_input).css('color','#000000');
|
||||
});
|
||||
|
||||
// if an autocomplete has been specified, do some stuff…
|
||||
if (settings.autocomplete) {
|
||||
// pass in the autocomplete settings to the autocomplete plugin
|
||||
// provided by jquery UI
|
||||
$(data.fake_input).autocomplete(settings.autocomplete);
|
||||
|
||||
// if an autocompleteselect handler has been passed in, use that.
|
||||
// otherwise, use our own.
|
||||
if (settings.autocompleteselect) {
|
||||
$(data.fake_input).on('autocompleteselect',data,settings.autocompleteselect);
|
||||
} else {
|
||||
$(data.fake_input).on('autocompleteselect',data,function(event,ui) {
|
||||
|
||||
if (settings.autocomplete_url != undefined) {
|
||||
autocomplete_options = {source: settings.autocomplete_url};
|
||||
for (attrname in settings.autocomplete) {
|
||||
autocomplete_options[attrname] = settings.autocomplete[attrname];
|
||||
}
|
||||
|
||||
if (jQuery.Autocompleter !== undefined) {
|
||||
$(data.fake_input).autocomplete(settings.autocomplete_url, settings.autocomplete);
|
||||
$(data.fake_input).bind('result',data,function(event,data,formatted) {
|
||||
if (data) {
|
||||
$('#'+id).addTag(data[0] + "",{focus:true,unique:(settings.unique)});
|
||||
}
|
||||
});
|
||||
} else if (jQuery.ui.autocomplete !== undefined) {
|
||||
$(data.fake_input).autocomplete(autocomplete_options);
|
||||
$(data.fake_input).bind('autocompleteselect',data,function(event,ui) {
|
||||
$(event.data.real_input).addTag(ui.item.value,{focus:true,unique:(settings.unique)});
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// track whether or not the autocomplete is open so we can avoid adding duplicate tags
|
||||
$(data.fake_input).on('autocompleteopen',data,function() {
|
||||
$(this).data('autocompleteopen',true);
|
||||
return false;
|
||||
});
|
||||
$(data.fake_input).on('autocompleteclose',data,function() {
|
||||
$(this).data('autocompleteopen',null);
|
||||
return false;
|
||||
});
|
||||
} else {
|
||||
// if a user tabs out of the field, create a new tag
|
||||
// this is only available if autocomplete is not used.
|
||||
$(data.fake_input).bind('blur',data,function(event) {
|
||||
var d = $(this).attr('data-default');
|
||||
if ($(event.data.fake_input).val()!='' && $(event.data.fake_input).val()!=d) {
|
||||
if( (event.data.minChars <= $(event.data.fake_input).val().length) && (!event.data.maxChars || (event.data.maxChars >= $(event.data.fake_input).val().length)) )
|
||||
$(event.data.real_input).addTag($(event.data.fake_input).val(),{focus:true,unique:(settings.unique)});
|
||||
} else {
|
||||
$(event.data.fake_input).val($(event.data.fake_input).attr('data-default'));
|
||||
$(event.data.fake_input).css('color',settings.placeholderColor);
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// if the user tabs out of the field
|
||||
// add the tag that was being typed
|
||||
// UNLESS the autocompleter is open
|
||||
// and then set back to default.
|
||||
$(data.fake_input).on('blur',data,function(event) {
|
||||
if ($(event.data.fake_input).val()!='' && $(event.data.fake_input).val()!=event.data.defaultText) {
|
||||
if (!$(this).data('autocompleteopen')) {
|
||||
if( (event.data.minChars <= $(event.data.fake_input).val().length) && (!event.data.maxChars || (event.data.maxChars >= $(event.data.fake_input).val().length)) )
|
||||
$(event.data.real_input).addTag($(event.data.fake_input).val(),{focus:true,unique:(settings.unique)});
|
||||
} else {
|
||||
// autocomplete is open, do not add tag because
|
||||
// this will be handled by the autocompleteselect event.
|
||||
}
|
||||
} else {
|
||||
$(event.data.fake_input).val(event.data.defaultText);
|
||||
$(event.data.fake_input).css('color',event.data.placeholderColor);
|
||||
$(event.data.fake_input).removeClass('not_valid');
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
// if user types a comma, create a new tag
|
||||
$(data.fake_input).on('keypress',data,function(event) {
|
||||
$(data.fake_input).bind('keypress',data,function(event) {
|
||||
if (event.which==event.data.delimiter.charCodeAt(0) || event.which==13 ) {
|
||||
event.preventDefault();
|
||||
if( (event.data.minChars <= $(event.data.fake_input).val().length) && (!event.data.maxChars || (event.data.maxChars >= $(event.data.fake_input).val().length)) )
|
||||
@@ -351,23 +303,23 @@
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
//Delete last tag on backspace
|
||||
data.removeWithBackspace && $(data.fake_input).on('keydown',data, function(event)
|
||||
data.removeWithBackspace && $(data.fake_input).bind('keydown', function(event)
|
||||
{
|
||||
if(event.keyCode == 8 && $(this).val() == '')
|
||||
{
|
||||
event.preventDefault();
|
||||
var last_tag = $(this).closest('.tagsinput').find('.tag:last').text();
|
||||
var id = $(this).attr('id').replace(/_tag$/, '');
|
||||
last_tag = last_tag.replace(/[\s]+x$/, '');
|
||||
$(data.real_input).removeTag(escape(last_tag));
|
||||
$('#' + id).removeTag(escape(last_tag));
|
||||
$(this).trigger('focus');
|
||||
}
|
||||
});
|
||||
$(data.fake_input).blur();
|
||||
|
||||
//Removes the not_valid class when user changes the value of the fake input
|
||||
if(data.unique || data.validateTag) {
|
||||
if(data.unique) {
|
||||
$(data.fake_input).keydown(function(event){
|
||||
if(event.keyCode == 8 || String.fromCharCode(event.which).match(/\w+|[áéíóúÁÉÍÓÚñÑ,/]+/)) {
|
||||
$(this).removeClass('not_valid');
|
||||
@@ -382,20 +334,20 @@
|
||||
};
|
||||
|
||||
$.fn.tagsInput.updateTagsField = function(obj,tagslist) {
|
||||
var settings = $(obj).data('settings');
|
||||
$(obj).val(tagslist.join(settings.delimiter));
|
||||
var id = $(obj).attr('id');
|
||||
$(obj).val(tagslist.join(delimiter[id]));
|
||||
};
|
||||
|
||||
$.fn.tagsInput.importTags = function(obj,val) {
|
||||
var settings = $(obj).data('settings');
|
||||
$(obj).val('');
|
||||
var tags = val.split(settings.delimiter);
|
||||
var id = $(obj).attr('id');
|
||||
var tags = val.split(delimiter[id]);
|
||||
for (i=0; i<tags.length; i++) {
|
||||
$(obj).addTag(tags[i],{focus:false,callback:false});
|
||||
}
|
||||
if(settings.onChange)
|
||||
if(tags_callbacks[id] && tags_callbacks[id]['onChange'])
|
||||
{
|
||||
var f = settings.onChange;
|
||||
var f = tags_callbacks[id]['onChange'];
|
||||
f.call(obj, obj, tags[i]);
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user