diff --git a/src/jquery.tokeninput.js b/src/jquery.tokeninput.js
index e75888f0..5445233c 100644
--- a/src/jquery.tokeninput.js
+++ b/src/jquery.tokeninput.js
@@ -5,474 +5,476 @@
* Copyright (c) 2009 James Smith (http://loopj.com)
* Licensed jointly under the GPL and MIT licenses,
* choose which one suits your project best!
- *
- * TH - 2010-08-23 - Added ability to have arbitary tags that don't require a match from the list.
- * Added requiresMatch options to suppor this. Defaults to original Tokenizing Autocomplete functionality.
+ *
+ * TH - 2010-08-23 - Added ability to have arbitary tags that don't require a match from the list.
+ * Added requiresMatch options to support this. Defaults to original Tokenizing Autocomplete functionality.
* Also added focusHint so it doesn't always show hint when focusing the input. Again, defaults to orignal functionality.
*/
-(function($) {
+;(function($) {
$.fn.tokenInput = function (url, options) {
- var settings = $.extend({
- url: url,
- hintText: "Type in a search term",
- noResultsText: "No results",
- searchingText: "Searching...",
- searchDelay: 300,
- minChars: 1,
- tokenLimit: null,
- jsonContainer: null,
- method: "GET",
- contentType: "json",
- queryParam: "q",
- onResult: null,
- focusHint: true, //Added TH - determines if drop-down hint should be shown on input focus.
- requireMatch: true, //Added TH - determines if a user should be able to add new tags or must match a selection.
- animateDropdown: true,
- suggestedTagsText: "Suggested tags:",
- defaultSuggestTagSize: 14,
- defaultSuggestTagSizeUnit: 'px',
- afterAdd: function() {},
- useClientSideSearch: false
- }, options);
-
- settings.classes = $.extend({
- tokenList: "token-input-list",
- token: "token-input-token",
- label: "token-input-label",
- tokenDelete: "token-input-delete-token",
- selectedToken: "token-input-selected-token",
- highlightedToken: "token-input-highlighted-token",
- dropdown: "token-input-dropdown",
- dropdownItem: "token-input-dropdown-item",
- dropdownItem2: "token-input-dropdown-item2",
- selectedDropdownItem: "token-input-selected-dropdown-item",
- inputToken: "token-input-input-token",
- suggestedTags: "token-input-suggested-tags",
- suggestedTag: "token-input-suggested-tag"
- }, options.classes);
-
- return this.each(function () {
- var list = new $.TokenList(this, settings);
- });
+ if (!options) options = {};
+ var settings = $.extend({
+ url: $.isFunction(url) ? url : function(query){
+ // N.B. options.url overrides this, so should not be used
+ var queryStringDelimiter = url.indexOf("?") < 0 ? "?" : "&"
+ return url + queryStringDelimiter + settings.queryParam + "=" + query;
+ },
+ hintText: "Type in a search term",
+ noResultsText: "No results",
+ searchingText: "Searching...",
+ searchDelay: 300,
+ minChars: 1,
+ tokenLimit: null,
+ jsonContainer: null,
+ method: "GET",
+ contentType: "json",
+ queryParam: "q",
+ onResult: null,
+ focusHint: true, //Added TH - determines if drop-down hint should be shown on input focus.
+ requireMatch: true, //Added TH - determines if a user should be able to add new tags or must match a selection.
+ animateDropdown: true,
+ suggestedTagsText: "Suggested tags:",
+ defaultSuggestTagSize: 14,
+ defaultSuggestTagSizeUnit: 'px',
+ afterAdd: function() {},
+ useClientSideSearch: false
+ }, options);
+
+ settings.classes = $.extend({
+ tokenList: "token-input-list",
+ token: "token-input-token",
+ label: "token-input-label",
+ tokenDelete: "token-input-delete-token",
+ selectedToken: "token-input-selected-token",
+ highlightedToken: "token-input-highlighted-token",
+ dropdown: "token-input-dropdown",
+ dropdownItem: "token-input-dropdown-item",
+ dropdownItem2: "token-input-dropdown-item2",
+ selectedDropdownItem: "token-input-selected-dropdown-item",
+ inputToken: "token-input-input-token",
+ suggestedTags: "token-input-suggested-tags",
+ suggestedTag: "token-input-suggested-tag"
+ }, options.classes);
+
+ return this.each(function () {
+ var list = new $.TokenList(this, settings);
+ });
};
$.TokenList = function (input, settings) {
- //
- // Variables
- //
-
- // Input box position "enum"
- var POSITION = {
- BEFORE: 0,
- AFTER: 1,
- END: 2
- };
-
- // Keys "enum"
- var KEY = {
- BACKSPACE: 8,
- TAB: 9,
- RETURN: 13,
- ESC: 27,
- LEFT: 37,
- UP: 38,
- RIGHT: 39,
- DOWN: 40,
- COMMA: 188
- };
-
- // Save the tokens
- var saved_tokens = [];
-
- // Keep track of the number of tokens in the list
- var token_count = 0;
-
- // Basic cache to save on db hits
- var cache = new $.TokenList.Cache();
-
- // Keep track of the timeout
- var timeout;
-
- var client_side_data;
-
- // Create a new text input an attach keyup events
- var input_box = $("")
- .attr('id', $(input).attr('id')+'Dynamic')
- .attr('name', $(input).attr('id')+'Dynamic')
- .css({
- outline: "none"
- })
- .focus(function () {
- if (settings.focusHint && (settings.tokenLimit == null || settings.tokenLimit != token_count)) {
- show_dropdown_hint();
- }
-
- if (settings.useClientSideSearch && !client_side_data) {
- client_side_data = [];
- var http_method = settings.method.toLowerCase();
- $[http_method](settings.url, {}, prepare_client_side_data, settings.contentType);
- }
- })
- .blur(function () {
- hide_dropdown();
- })
- .keydown(function (event) {
- var previous_token;
- var next_token;
-
- switch(event.keyCode) {
- case KEY.LEFT:
- case KEY.RIGHT:
- case KEY.UP:
- case KEY.DOWN:
- if(!$(this).val()) {
- previous_token = input_token.prev();
- next_token = input_token.next();
-
- if((previous_token.length && previous_token.get(0) === selected_token) || (next_token.length && next_token.get(0) === selected_token)) {
- // Check if there is a previous/next token and it is selected
- if(event.keyCode == KEY.LEFT || event.keyCode == KEY.UP) {
- deselect_token($(selected_token), POSITION.BEFORE);
- } else {
- deselect_token($(selected_token), POSITION.AFTER);
- }
- } else if((event.keyCode == KEY.LEFT || event.keyCode == KEY.UP) && previous_token.length) {
- // We are moving left, select the previous token if it exists
- select_token($(previous_token.get(0)));
- } else if((event.keyCode == KEY.RIGHT || event.keyCode == KEY.DOWN) && next_token.length) {
- // We are moving right, select the next token if it exists
- select_token($(next_token.get(0)));
- }
- } else {
- var dropdown_item = null;
-
- if(!selected_dropdown_item) {
- dropdown_item = $('li:first', dropdown);
- } else {
- if(event.keyCode == KEY.DOWN || event.keyCode == KEY.RIGHT) {
- dropdown_item = $(selected_dropdown_item).next();
- } else {
- dropdown_item = $(selected_dropdown_item).prev();
- }
- }
-
-
- if(dropdown_item.length) {
- select_dropdown_item(dropdown_item);
- }
- return false;
- }
- break;
-
- case KEY.BACKSPACE:
- previous_token = input_token.prev();
-
- if(!$(this).val().length) {
- if(selected_token) {
- delete_token($(selected_token));
- } else if(previous_token.length) {
- select_token($(previous_token.get(0)));
- }
-
- return false;
- } else if($(this).val().length == 1) {
- hide_dropdown();
- } else {
- // set a timeout just long enough to let this function finish.
- setTimeout(function(){do_search(false);}, 5);
- }
- break;
-
- case KEY.TAB:
- case KEY.RETURN:
- case KEY.COMMA:
-
- // Submit form if user hits return a second time
- if(event.keyCode == KEY.RETURN && $(this).val() == "") {
- parentForm[0].submit();
- return false;
- }
-
+ //
+ // Variables
+ //
+
+ // Input box position "enum"
+ var POSITION = {
+ BEFORE: 0,
+ AFTER: 1,
+ END: 2
+ };
+
+ // Keys "enum"
+ var KEY = {
+ BACKSPACE: 8,
+ TAB: 9,
+ RETURN: 13,
+ ESC: 27,
+ LEFT: 37,
+ UP: 38,
+ RIGHT: 39,
+ DOWN: 40,
+ COMMA: 188
+ };
+
+ // Save the tokens
+ var saved_tokens = [];
+
+ // Keep track of the number of tokens in the list
+ var token_count = 0;
+
+ // Basic cache to save on db hits
+ var cache = new $.TokenList.Cache();
+
+ // Keep track of the timeout
+ var timeout;
+
+ var client_side_data;
+
+ // Create a new text input an attach keyup events
+ var input_box = $("")
+ .attr('id', $(input).attr('id')+'Dynamic')
+ .attr('name', $(input).attr('id')+'Dynamic')
+ .css({
+ outline: "none"
+ })
+ .focus(function () {
+ if (settings.focusHint && (settings.tokenLimit == null || settings.tokenLimit != token_count)) {
+ show_dropdown_hint();
+ }
+ if (settings.useClientSideSearch && !client_side_data) {
+ client_side_data = [];
+ $[settings.method.toLowerCase()](settings.url(), {}, prepare_client_side_data, settings.contentType);
+ }
+ })
+ .blur(function () {
+ hide_dropdown();
+ })
+ .keydown(function (event) {
+ var previous_token;
+ var next_token;
+
+ switch(event.keyCode) {
+ case KEY.LEFT:
+ case KEY.RIGHT:
+ case KEY.UP:
+ case KEY.DOWN:
+ if(!$(this).val()) {
+ previous_token = input_token.prev();
+ next_token = input_token.next();
+
+ if((previous_token.length && previous_token.get(0) === selected_token) || (next_token.length && next_token.get(0) === selected_token)) {
+ // Check if there is a previous/next token and it is selected
+ if(event.keyCode == KEY.LEFT || event.keyCode == KEY.UP) {
+ deselect_token($(selected_token), POSITION.BEFORE);
+ } else {
+ deselect_token($(selected_token), POSITION.AFTER);
+ }
+ } else if((event.keyCode == KEY.LEFT || event.keyCode == KEY.UP) && previous_token.length) {
+ // We are moving left, select the previous token if it exists
+ select_token($(previous_token.get(0)));
+ } else if((event.keyCode == KEY.RIGHT || event.keyCode == KEY.DOWN) && next_token.length) {
+ // We are moving right, select the next token if it exists
+ select_token($(next_token.get(0)));
+ }
+ } else {
+ var dropdown_item = null;
+
+ if(!selected_dropdown_item) {
+ dropdown_item = $('li:first', dropdown);
+ } else {
+ if(event.keyCode == KEY.DOWN || event.keyCode == KEY.RIGHT) {
+ dropdown_item = $(selected_dropdown_item).next();
+ } else {
+ dropdown_item = $(selected_dropdown_item).prev();
+ }
+ }
+
+
+ if(dropdown_item.length) {
+ select_dropdown_item(dropdown_item);
+ }
+ return false;
+ }
+ break;
+
+ case KEY.BACKSPACE:
+ previous_token = input_token.prev();
+
+ if(!$(this).val().length) {
+ if(selected_token) {
+ delete_token($(selected_token));
+ } else if(previous_token.length) {
+ select_token($(previous_token.get(0)));
+ }
+
+ return false;
+ } else if($(this).val().length == 1) {
+ hide_dropdown();
+ } else {
+ // set a timeout just long enough to let this function finish.
+ setTimeout(function(){do_search(false);}, 5);
+ }
+ break;
+
+ case KEY.TAB:
+ case KEY.RETURN:
+ case KEY.COMMA:
+
+ // Submit form if user hits return a second time
+ if(event.keyCode == KEY.RETURN && $(this).val() == "") {
+ parentForm[0].submit();
+ return false;
+ }
+
if(selected_dropdown_item) {
add_existing_token($(selected_dropdown_item));
} else if(!settings.requireMatch) {
add_new_token($(this).val());
}
-
+
return false;
break;
- case KEY.ESC:
- hide_dropdown();
- return true;
-
- default:
- if(is_printable_character(event.keyCode)) {
- // set a timeout just long enough to let this function finish.
- setTimeout(function(){do_search(false);}, 5);
- }
- break;
- }
- });
-
- // Keep a reference to the original input box
- var hidden_input = $(input)
- .hide()
- .focus(function () {
- input_box.focus();
- })
- .blur(function () {
- input_box.blur();
- });
-
- // Keep a reference to the parent form
- // Collect the stray arbitrary tags before the parent form submits
- var parentForm = hidden_input.parents('form')
- .submit(function(){
- if(!settings.requireMatch && input_box.val()!=$('label[for=' + input_box.attr('id') + ']').text()) {
- add_new_token(input_box.val());
- }
- });
-
- // Keep a reference to the selected token and dropdown item
- var selected_token = null;
- var selected_dropdown_item = null;
-
- // The list to store the token items in
- var token_list = $("
")
- .addClass(settings.classes.tokenList)
- .insertAfter(hidden_input)
- .click(function (event) {
- var li = get_element_from_event(event, "li");
- if(li && li.get(0) != input_token.get(0)) {
- toggle_select_token(li);
- return false;
- } else {
- input_box.focus();
-
- if(selected_token) {
- deselect_token($(selected_token), POSITION.END);
- }
- }
- })
- .mouseover(function (event) {
- var li = get_element_from_event(event, "li");
- if(li && selected_token !== this) {
- li.addClass(settings.classes.highlightedToken);
- }
- })
- .mouseout(function (event) {
- var li = get_element_from_event(event, "li");
- if(li && selected_token !== this) {
- li.removeClass(settings.classes.highlightedToken);
- }
- })
- .mousedown(function (event) {
- // Stop user selecting text on tokens
- var li = get_element_from_event(event, "li");
- if(li){
- return false;
- }
- });
-
-
- // The list to store the dropdown items in
- var dropdown = $("
")
- .addClass(settings.classes.dropdown)
- .insertAfter(token_list)
- .hide();
-
- // The token holding the input box
- var input_token = $("")
- .addClass(settings.classes.inputToken)
- .appendTo(token_list)
- .append(input_box);
-
- init_list(hidden_input);
+ case KEY.ESC:
+ hide_dropdown();
+ return true;
+
+ default:
+ if(is_printable_character(event.keyCode)) {
+ // set a timeout just long enough to let this function finish.
+ setTimeout(function(){do_search(false);}, 5);
+ }
+ break;
+ }
+ });
+
+ // Keep a reference to the original input box
+ var hidden_input = $(input)
+ .hide()
+ .focus(function () {
+ input_box.focus();
+ })
+ .blur(function () {
+ input_box.blur();
+ });
+
+ // Keep a reference to the parent form
+ // Collect the stray arbitrary tags before the parent form submits
+ var parentForm = hidden_input.parents('form')
+ .submit(function(){
+ if(!settings.requireMatch && input_box.val()!=$('label[for=' + input_box.attr('id') + ']').text()) {
+ add_new_token(input_box.val());
+ }
+ });
+
+ // Keep a reference to the selected token and dropdown item
+ var selected_token = null;
+ var selected_dropdown_item = null;
+
+ // The list to store the token items in
+ var token_list = $("
")
+ .addClass(settings.classes.tokenList)
+ .insertAfter(hidden_input)
+ .click(function (event) {
+ var li = get_element_from_event(event, "li");
+ if(li && li.get(0) != input_token.get(0)) {
+ toggle_select_token(li);
+ return false;
+ } else {
+ input_box.focus();
+
+ if(selected_token) {
+ deselect_token($(selected_token), POSITION.END);
+ }
+ }
+ })
+ .mouseover(function (event) {
+ var li = get_element_from_event(event, "li");
+ if(li && selected_token !== this) {
+ li.addClass(settings.classes.highlightedToken);
+ }
+ })
+ .mouseout(function (event) {
+ var li = get_element_from_event(event, "li");
+ if(li && selected_token !== this) {
+ li.removeClass(settings.classes.highlightedToken);
+ }
+ })
+ .mousedown(function (event) {
+ // Stop user selecting text on tokens
+ var li = get_element_from_event(event, "li");
+ if(li){
+ return false;
+ }
+ });
+
+
+ // The list to store the dropdown items in
+ var dropdown = $("
")
+ .addClass(settings.classes.dropdown)
+ .insertAfter(token_list)
+ .hide();
+
+ // The token holding the input box
+ var input_token = $("")
+ .addClass(settings.classes.inputToken)
+ .appendTo(token_list)
+ .append(input_box);
+
+ init_list(hidden_input);
// No longer need this element in the DOM
hidden_input.detach();
-
- suggestedTags = settings.suggestedTags;
+
+ suggestedTags = settings.suggestedTags;
if(suggestedTags && suggestedTags.length) {
-
- var suggested_tags_container = $('')
+
+ var suggested_tags_container = $('')
.addClass(settings.classes.suggestedTags)
.insertAfter(dropdown);
-
+
var suggested_tags_label = $('')
- .appendTo(suggested_tags_container)
+ .appendTo(suggested_tags_container)
.text(settings.suggestedTagsText);
-
+
var suggested_tags = $("
")
.appendTo(suggested_tags_container);
-
- init_suggestedTags();
-
+
+ init_suggestedTags();
+
}
-
- //
- // Functions
- //
-
-
- // Pre-populate list if items exist
- function init_list (token_element) {
-
- li_data = settings.prePopulate;
-
- //TH - If prepopulate was passed in as true and not an array of tags, just build the array from existing field value.
- //This could do with being improved because it just uses the value as both the name and the id.
- if(li_data && !li_data.length) {
-
- //convert tag string into tag array that the tokenizer can consume
- var rawTags = $(token_element).val().split(',');
- //[{"id":"856","name":"House"},]
- var tags = [];
- for(var i=0, len = rawTags.length; i < len; i++) {
- var tag = rawTags[i];
- if (tag.length) tags[i] = {id: tag, name: tag};
- }
- //clear the text
- $(token_element).attr('value', '');
- li_data = tags;
- }
-
- if(li_data && li_data.length) {
- for(var i in li_data) {
- if (li_data.hasOwnProperty(i)) {
- var this_token = $("
"+li_data[i].name+"
")
- .addClass(settings.classes.token)
- .insertBefore(input_token);
-
- $("x")
- .addClass(settings.classes.tokenDelete)
- .appendTo(this_token.find('em'))
- .click(function () {
- delete_token($(this).parents('li'));
- return false;
- });
-
- $.data(this_token.get(0), "tokeninput", {"id": li_data[i].id, "name": li_data[i].name});
-
- // Clear input box and make sure it keeps focus
- input_box
- .val("")
- .focus();
-
- // Don't show the help dropdown, they've got the idea
- hide_dropdown();
-
- // Save this token id
- add_hidden_element(li_data[i].id);
- }
- }
- }
- }
-
- /**
- * TH - Adds suggested tags cloud
- */
- function init_suggestedTags() {
-
- li_data = settings.suggestedTags;
- if(li_data && li_data.length) {
-
- for(var i in li_data) {
-
- suggestedTag = li_data[i].name;
- if($('li p', token_list).filter(":contains('" + suggestedTag + "')").length==0) {
-
- /*size adjust will increase/decrease tag size*/
- var sizeAdjust = 0;
- if(typeof(li_data[i].size) != 'undefined') {
- sizeAdjust = li_data[i].size;
- }
-
- var this_token = $('
')
- .addClass(settings.classes.suggestedTag)
- .appendTo(suggested_tags)
- .click(function() {
-
- var li = this;
- add_new_token($('a', li).text());
- $(li).remove();
-
- //Should the whole ul be removed?
- if($('li',suggested_tags).length==0) {
- $(suggested_tags_container).remove();
- }
- return false;
-
- });;
-
- }
-
- }
-
- if($('li',suggested_tags).length==0) {
+
+ //
+ // Functions
+ //
+
+
+ // Pre-populate list if items exist
+ function init_list (token_element) {
+
+ li_data = settings.prePopulate;
+
+ //TH - If prepopulate was passed in as true and not an array of tags, just build the array from existing field value.
+ //This could do with being improved because it just uses the value as both the name and the id.
+ if(li_data && !li_data.length) {
+
+ //convert tag string into tag array that the tokenizer can consume
+ var rawTags = $(token_element).val().split(',');
+ //[{"id":"856","name":"House"},]
+ var tags = [];
+ for(var i=0, len = rawTags.length; i < len; i++) {
+ var tag = rawTags[i];
+ if (tag.length) tags[i] = {id: tag, name: tag};
+ }
+ //clear the text
+ $(token_element).attr('value', '');
+ li_data = tags;
+ }
+
+ if(li_data && li_data.length) {
+ for(var i in li_data) {
+ if (li_data.hasOwnProperty(i)) {
+ var this_token = $("
"+li_data[i].name+"
")
+ .addClass(settings.classes.token)
+ .insertBefore(input_token);
+
+ $("x")
+ .addClass(settings.classes.tokenDelete)
+ .appendTo(this_token.find('em'))
+ .click(function () {
+ delete_token($(this).parents('li'));
+ return false;
+ });
+
+ $.data(this_token.get(0), "tokeninput", {"id": li_data[i].id, "name": li_data[i].name});
+
+ // Clear input box and make sure it keeps focus
+ input_box
+ .val("")
+ .focus();
+
+ // Don't show the help dropdown, they've got the idea
+ hide_dropdown();
+
+ // Save this token id
+ add_hidden_element(li_data[i].id);
+ }
+ }
+ }
+ }
+
+ /**
+ * TH - Adds suggested tags cloud
+ */
+ function init_suggestedTags() {
+
+ li_data = settings.suggestedTags;
+ if(li_data && li_data.length) {
+
+ for(var i in li_data) {
+
+ suggestedTag = li_data[i].name;
+ if($('li p', token_list).filter(":contains('" + suggestedTag + "')").length==0) {
+
+ /*size adjust will increase/decrease tag size*/
+ var sizeAdjust = 0;
+ if(typeof(li_data[i].size) != 'undefined') {
+ sizeAdjust = li_data[i].size;
+ }
+
+ var this_token = $('
')
+ .addClass(settings.classes.suggestedTag)
+ .appendTo(suggested_tags)
+ .click(function() {
+
+ var li = this;
+ add_new_token($('a', li).text());
+ $(li).remove();
+
+ //Should the whole ul be removed?
+ if($('li',suggested_tags).length==0) {
+ $(suggested_tags_container).remove();
+ }
+ return false;
+
+ });;
+
+ }
+
+ }
+
+ if($('li',suggested_tags).length==0) {
$(suggested_tags_container).remove();
}
- }
-
- }
-
- function is_printable_character(keycode) {
- if((keycode >= 48 && keycode <= 90) || // 0-1a-z
- (keycode >= 96 && keycode <= 111) || // numpad 0-9 + - / * .
- (keycode >= 186 && keycode <= 192) || // ; = , - . / ^
- (keycode >= 219 && keycode <= 222) // ( \ ) '
- ) {
- return true;
- } else {
- return false;
- }
- }
-
- // Get an element of a particular type from an event (click/mouseover etc)
- function get_element_from_event (event, element_type) {
- var target = $(event.target);
- var element = null;
-
- if(target.is(element_type)) {
- element = target;
- } else if(target.parent(element_type).length) {
- element = target.parent(element_type+":first");
- }
-
- return element;
- }
-
- // Inner function to a token to the list
- function insert_token(id, value) {
- var this_token = $("
"+ value +"
")
- .addClass(settings.classes.token)
- .insertBefore(input_token);
-
- //TH - added to prevent search getting triggered unnecessarily.
- clearTimeout(timeout);
-
- // The 'delete token' button
- $("x")
- .addClass(settings.classes.tokenDelete)
- .appendTo(this_token.find('em'))
- .click(function () {
- delete_token($(this).parents('li'));
- return false;
- });
-
- $.data(this_token.get(0), "tokeninput", {"id": id, "name": value});
-
- settings.afterAdd.call(this);
-
- return this_token;
- }
-
- function add_hidden_element(value)
- {
+ }
+
+ }
+
+ function is_printable_character(keycode) {
+ if((keycode >= 48 && keycode <= 90) || // 0-1a-z
+ (keycode >= 96 && keycode <= 111) || // numpad 0-9 + - / * .
+ (keycode >= 186 && keycode <= 192) || // ; = , - . / ^
+ (keycode >= 219 && keycode <= 222) // ( \ ) '
+ ) {
+ return true;
+ } else {
+ return false;
+ }
+ }
+
+ // Get an element of a particular type from an event (click/mouseover etc)
+ function get_element_from_event (event, element_type) {
+ var target = $(event.target);
+ var element = null;
+
+ if(target.is(element_type)) {
+ element = target;
+ } else if(target.parent(element_type).length) {
+ element = target.parent(element_type+":first");
+ }
+
+ return element;
+ }
+
+ // Inner function to a token to the list
+ function insert_token(id, value) {
+ var this_token = $("
"+ value +"
")
+ .addClass(settings.classes.token)
+ .insertBefore(input_token);
+
+ //TH - added to prevent search getting triggered unnecessarily.
+ clearTimeout(timeout);
+
+ // The 'delete token' button
+ $("x")
+ .addClass(settings.classes.tokenDelete)
+ .appendTo(this_token.find('em'))
+ .click(function () {
+ delete_token($(this).parents('li'));
+ return false;
+ });
+
+ $.data(this_token.get(0), "tokeninput", {"id": id, "name": value});
+
+ settings.afterAdd.call(this);
+
+ return this_token;
+ }
+
+ function add_hidden_element(value) {
$(parentForm).append($('').attr({
type: 'hidden',
name: $(hidden_input).attr('name') + '[]',
@@ -480,331 +482,326 @@ $.TokenList = function (input, settings) {
}));
}
//.replace('[', '\[').replace(']', '\]')
- function remove_hidden_element(value)
- {
+ function remove_hidden_element(value) {
$('input[type=hidden][name="' + $(hidden_input).attr('name') + '[]"][value="' + value + '"]', parentForm).remove();
}
- // Add a token to the token list based on user input
- function add_existing_token (item) {
-
- var li_data = $.data(item.get(0), "tokeninput");
- var this_token = insert_token(li_data.id, li_data.name);
+ // Add a token to the token list based on user input
+ function add_existing_token (item) {
+
+ var li_data = $.data(item.get(0), "tokeninput");
+ var this_token = insert_token(li_data.id, li_data.name);
- // Clear input box and make sure it keeps focus
- input_box
- .val("")
- .focus();
+ // Clear input box and make sure it keeps focus
+ input_box
+ .val("")
+ .focus();
- // Don't show the help dropdown, they've got the idea
- hide_dropdown();
+ // Don't show the help dropdown, they've got the idea
+ hide_dropdown();
- // Save this token id
+ // Save this token id
add_hidden_element(li_data.id);
-
- token_count++;
-
- if(settings.tokenLimit != null && settings.tokenLimit >= token_count) {
- input_box.hide();
- hide_dropdown();
- }
- }
-
- //Added TH - This is for adding a token that doesn't exist in the list. Could do with drying this up because it's very similar to add_existing_token.
- function add_new_token (label) {
-
- if($.trim(label) == '') {
- return false;
- }
-
- var this_token = insert_token(label, label);
-
- // Clear input box and make sure it keeps focus
- input_box
- .val("")
- .focus();
-
- // Don't show the help dropdown, they've got the idea
- hide_dropdown();
-
- // Save this token id
+
+ token_count++;
+
+ if(settings.tokenLimit != null && settings.tokenLimit >= token_count) {
+ input_box.hide();
+ hide_dropdown();
+ }
+ }
+
+ //Added TH - This is for adding a token that doesn't exist in the list. Could do with drying this up because it's very similar to add_existing_token.
+ function add_new_token (label) {
+
+ if($.trim(label) == '') {
+ return false;
+ }
+
+ var this_token = insert_token(label, label);
+
+ // Clear input box and make sure it keeps focus
+ input_box
+ .val("")
+ .focus();
+
+ // Don't show the help dropdown, they've got the idea
+ hide_dropdown();
+
+ // Save this token id
add_hidden_element(id_string);
- token_count++;
-
- if(settings.tokenLimit != null && settings.tokenLimit >= token_count) {
- input_box.hide();
- hide_dropdown();
- }
-
- }
-
- // Select a token in the token list
- function select_token (token) {
- token.addClass(settings.classes.selectedToken);
- selected_token = token.get(0);
-
- // Hide input box
- input_box.val("");
-
- // Hide dropdown if it is visible (eg if we clicked to select token)
- hide_dropdown();
- }
-
- // Deselect a token in the token list
- function deselect_token (token, position) {
- token.removeClass(settings.classes.selectedToken);
- selected_token = null;
-
- if(position == POSITION.BEFORE) {
- input_token.insertBefore(token);
- } else if(position == POSITION.AFTER) {
- input_token.insertAfter(token);
- } else {
- input_token.appendTo(token_list);
- }
-
- // Show the input box and give it focus again
- input_box.focus();
- }
-
- // Toggle selection of a token in the token list
- function toggle_select_token (token) {
- if(selected_token == token.get(0)) {
- deselect_token(token, POSITION.END);
- } else {
- if(selected_token) {
- deselect_token($(selected_token), POSITION.END);
- }
- select_token(token);
- }
- }
-
- // Delete a token from the token list
- function delete_token (token) {
- // Remove the id from the saved list
- var token_data = $.data(token.get(0), "tokeninput");
-
- // Delete the token
- token.remove();
- selected_token = null;
-
- // Show the input box and give it focus again
- input_box.focus();
-
+ token_count++;
+
+ if(settings.tokenLimit != null && settings.tokenLimit >= token_count) {
+ input_box.hide();
+ hide_dropdown();
+ }
+
+ }
+
+ // Select a token in the token list
+ function select_token (token) {
+ token.addClass(settings.classes.selectedToken);
+ selected_token = token.get(0);
+
+ // Hide input box
+ input_box.val("");
+
+ // Hide dropdown if it is visible (eg if we clicked to select token)
+ hide_dropdown();
+ }
+
+ // Deselect a token in the token list
+ function deselect_token (token, position) {
+ token.removeClass(settings.classes.selectedToken);
+ selected_token = null;
+
+ if(position == POSITION.BEFORE) {
+ input_token.insertBefore(token);
+ } else if(position == POSITION.AFTER) {
+ input_token.insertAfter(token);
+ } else {
+ input_token.appendTo(token_list);
+ }
+
+ // Show the input box and give it focus again
+ input_box.focus();
+ }
+
+ // Toggle selection of a token in the token list
+ function toggle_select_token (token) {
+ if(selected_token == token.get(0)) {
+ deselect_token(token, POSITION.END);
+ } else {
+ if(selected_token) {
+ deselect_token($(selected_token), POSITION.END);
+ }
+ select_token(token);
+ }
+ }
+
+ // Delete a token from the token list
+ function delete_token (token) {
+ // Remove the id from the saved list
+ var token_data = $.data(token.get(0), "tokeninput");
+
+ // Delete the token
+ token.remove();
+ selected_token = null;
+
+ // Show the input box and give it focus again
+ input_box.focus();
+
remove_hidden_element(token_data.id);
- token_count--;
-
- if (settings.tokenLimit != null) {
- input_box
- .show()
- .val("")
- .focus();
- }
- }
-
- // Hide and clear the results dropdown
- function hide_dropdown () {
- dropdown.hide().empty();
- selected_dropdown_item = null;
- }
-
- function show_dropdown_searching () {
- hide_dropdown();
- dropdown
- .html("
")
+ .show();
+ }
+
+ // Highlight the query part of the search term
function highlight_term(value, term) {
return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + term + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "$1");
}
- // Populate the results dropdown with some results
- function populate_dropdown (query, results) {
- if(results.length) {
- dropdown.empty();
- var dropdown_ul = $("