', {
+ href: '#',
+ title: 'Removing tag',
+ text: 'x'
+ }).click(function () {
+ return $('#' + id).removeTag(escape(value));
+ })
+ ).insertBefore('#' + id + '_addTag');
+
+ tagslist.push(value);
+
+ $('#' + id + '_tag').val('');
+ if (options.focus) {
+ $('#' + id + '_tag').focus();
+ } else {
+ $('#' + id + '_tag').blur();
+ }
+
+ $.fn.tagsInput.updateTagsField(this, tagslist);
+
+ if (options.callback && tags_callbacks[id] && tags_callbacks[id]['onAddTag']) {
+ var f = tags_callbacks[id]['onAddTag'];
+ f.call(this, value);
+ }
+ if (tags_callbacks[id] && tags_callbacks[id]['onChange']) {
+ var i = tagslist.length;
+ 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 id = $(this).attr('id');
+
+ var old = $(this).val().split(delimiter[id]);
+
+ $('#' + id + '_tagsinput .tag').remove();
+ var str = '';
+ for (var i = 0; i < old.length; i++) {
+ if (old[i] != value) {
+ str = str + delimiter[id] + old[i];
+ }
+ }
+
+ $.fn.tagsInput.importTags(this, str);
+
+ if (tags_callbacks[id] && tags_callbacks[id]['onRemoveTag']) {
+ var f = tags_callbacks[id]['onRemoveTag'];
+ f.call(this, value);
+ }
+ });
+
+ return false;
+ };
+
+ $.fn.tagExist = function (val) {
+ var id = $(this).attr('id');
+ var tagslist = $(this).val().split(delimiter[id]);
+ return ($.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 id = $(this).attr('id');
+ $('#' + id + '_tagsinput .tag').remove();
+ $.fn.tagsInput.importTags(this, str);
+ };
+
+ $.fn.tagsInput = function (options) {
+ var settings = $.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);
+
+ var uniqueIdCounter = 0;
+
+ this.each(function () {
+ // If we have already initialized the field, do not do it again
+ if (typeof $(this).attr('data-tagsinput-init') !== 'undefined') {
+ return;
+ }
+
+ // Mark the field as having been initialized
+ $(this).attr('data-tagsinput-init', true);
+
+ if (settings.hide) {
+ $(this).hide();
+ }
+ var id = $(this).attr('id');
+ if (!id || delimiter[$(this).attr('id')]) {
+ id = $(this).attr('id', 'tags' + new Date().getTime() + (uniqueIdCounter++)).attr('id');
+ }
+
+ var data = $.extend({
+ pid: id,
+ real_input: '#' + id,
+ holder: '#' + id + '_tagsinput',
+ input_wrapper: '#' + id + '_addTag',
+ fake_input: '#' + id + '_tag'
+ }, settings);
+
+ 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 = '';
+
+ $(markup).insertAfter(this);
+
+ $(data.holder).css('width', settings.width);
+ $(data.holder).css('min-height', settings.height);
+ $(data.holder).css('height', settings.height);
+
+ 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);
+
+ $(data.holder).bind('click', data, function (event) {
+ $(event.data.fake_input).focus();
+ });
+
+ $(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('');
+ }
+ $(event.data.fake_input).css('color', '#000000');
+ });
+
+ if (settings.autocomplete_url != undefined) {
+ autocomplete_options = { source: settings.autocomplete_url };
+ for (attrname in settings.autocomplete) {
+ autocomplete_options[attrname] = settings.autocomplete[attrname];
+ }
+
+ if ($.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 ($.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;
+ });
+ }
+
+
+ } 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 user types a default delimiter like comma,semicolon and then create a new tag
+ $(data.fake_input).bind('keypress', data, function (event) {
+ if (_checkDelimiter(event)) {
+ event.preventDefault();
+ 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) });
+ $(event.data.fake_input).resetAutosize(settings);
+ return false;
+ } else if (event.data.autosize) {
+ $(event.data.fake_input).doAutosize(settings);
+
+ }
+ });
+ //Delete last tag on backspace
+ 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$/, '');
+ $('#' + 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.fake_input).keydown(function (event) {
+ if (event.keyCode == 8 || String.fromCharCode(event.which).match(/\w+|[áéíóúÁÉÍÓÚñÑ,/]+/)) {
+ $(this).removeClass('not_valid');
+ }
+ });
+ }
+ } // if settings.interactive
+ });
+
+ return this;
+ };
+
+ $.fn.tagsInput.updateTagsField = function (obj, tagslist) {
+ var id = $(obj).attr('id');
+ $(obj).val(tagslist.join(delimiter[id]));
+ };
+
+ $.fn.tagsInput.importTags = function (obj, val) {
+ $(obj).val('');
+ var id = $(obj).attr('id');
+ var tags = val.split(delimiter[id]);
+ for (var i = 0; i < tags.length; i++) {
+ $(obj).addTag(tags[i], { focus: false, callback: false });
+ }
+ if (tags_callbacks[id] && tags_callbacks[id]['onChange']) {
+ var f = tags_callbacks[id]['onChange'];
+ f.call(obj, obj, tags[i]);
+ }
+ };
+
+ /*
+ * check delimiter Array
+ * @param event
+ * @returns {boolean}
+ * @private
+ */
+ var _checkDelimiter = function (event) {
+ var found = false;
+ if (event.which == 13) {
+ return true;
+ }
+
+ if (typeof event.data.delimiter === 'string') {
+ if (event.which == event.data.delimiter.charCodeAt(0)) {
+ found = true;
+ }
+ } else {
+ $.each(event.data.delimiter, function (index, delimiter) {
+ if (event.which == delimiter.charCodeAt(0)) {
+ found = true;
+ }
+ });
+ }
+
+ return found;
+ };
+
+})(jQuery, window, document);