bgneal@45: /*
bgneal@45: * Autocomplete - jQuery plugin 1.0.2
bgneal@45: *
bgneal@45: * Copyright (c) 2007 Dylan Verheul, Dan G. Switzer, Anjesh Tuladhar, Jörn Zaefferer
bgneal@45: *
bgneal@45: * Dual licensed under the MIT and GPL licenses:
bgneal@45: * http://www.opensource.org/licenses/mit-license.php
bgneal@45: * http://www.gnu.org/licenses/gpl.html
bgneal@45: *
bgneal@45: * Revision: $Id: jquery.autocomplete.js 5747 2008-06-25 18:30:55Z joern.zaefferer $
bgneal@45: *
bgneal@45: */
bgneal@45:
bgneal@45: ;(function($) {
bgneal@45:
bgneal@45: $.fn.extend({
bgneal@45: autocomplete: function(urlOrData, options) {
bgneal@45: var isUrl = typeof urlOrData == "string";
bgneal@45: options = $.extend({}, $.Autocompleter.defaults, {
bgneal@45: url: isUrl ? urlOrData : null,
bgneal@45: data: isUrl ? null : urlOrData,
bgneal@45: delay: isUrl ? $.Autocompleter.defaults.delay : 10,
bgneal@45: max: options && !options.scroll ? 10 : 150
bgneal@45: }, options);
bgneal@45:
bgneal@45: // if highlight is set to false, replace it with a do-nothing function
bgneal@45: options.highlight = options.highlight || function(value) { return value; };
bgneal@45:
bgneal@45: // if the formatMatch option is not specified, then use formatItem for backwards compatibility
bgneal@45: options.formatMatch = options.formatMatch || options.formatItem;
bgneal@45:
bgneal@45: return this.each(function() {
bgneal@45: new $.Autocompleter(this, options);
bgneal@45: });
bgneal@45: },
bgneal@45: result: function(handler) {
bgneal@45: return this.bind("result", handler);
bgneal@45: },
bgneal@45: search: function(handler) {
bgneal@45: return this.trigger("search", [handler]);
bgneal@45: },
bgneal@45: flushCache: function() {
bgneal@45: return this.trigger("flushCache");
bgneal@45: },
bgneal@45: setOptions: function(options){
bgneal@45: return this.trigger("setOptions", [options]);
bgneal@45: },
bgneal@45: unautocomplete: function() {
bgneal@45: return this.trigger("unautocomplete");
bgneal@45: }
bgneal@45: });
bgneal@45:
bgneal@45: $.Autocompleter = function(input, options) {
bgneal@45:
bgneal@45: var KEY = {
bgneal@45: UP: 38,
bgneal@45: DOWN: 40,
bgneal@45: DEL: 46,
bgneal@45: TAB: 9,
bgneal@45: RETURN: 13,
bgneal@45: ESC: 27,
bgneal@45: COMMA: 188,
bgneal@45: PAGEUP: 33,
bgneal@45: PAGEDOWN: 34,
bgneal@45: BACKSPACE: 8
bgneal@45: };
bgneal@45:
bgneal@45: // Create $ object for input element
bgneal@45: var $input = $(input).attr("autocomplete", "off").addClass(options.inputClass);
bgneal@45:
bgneal@45: var timeout;
bgneal@45: var previousValue = "";
bgneal@45: var cache = $.Autocompleter.Cache(options);
bgneal@45: var hasFocus = 0;
bgneal@45: var lastKeyPressCode;
bgneal@45: var config = {
bgneal@45: mouseDownOnSelect: false
bgneal@45: };
bgneal@45: var select = $.Autocompleter.Select(options, input, selectCurrent, config);
bgneal@45:
bgneal@45: var blockSubmit;
bgneal@45:
bgneal@45: // prevent form submit in opera when selecting with return key
bgneal@45: $.browser.opera && $(input.form).bind("submit.autocomplete", function() {
bgneal@45: if (blockSubmit) {
bgneal@45: blockSubmit = false;
bgneal@45: return false;
bgneal@45: }
bgneal@45: });
bgneal@45:
bgneal@45: // only opera doesn't trigger keydown multiple times while pressed, others don't work with keypress at all
bgneal@45: $input.bind(($.browser.opera ? "keypress" : "keydown") + ".autocomplete", function(event) {
bgneal@45: // track last key pressed
bgneal@45: lastKeyPressCode = event.keyCode;
bgneal@45: switch(event.keyCode) {
bgneal@45:
bgneal@45: case KEY.UP:
bgneal@45: event.preventDefault();
bgneal@45: if ( select.visible() ) {
bgneal@45: select.prev();
bgneal@45: } else {
bgneal@45: onChange(0, true);
bgneal@45: }
bgneal@45: break;
bgneal@45:
bgneal@45: case KEY.DOWN:
bgneal@45: event.preventDefault();
bgneal@45: if ( select.visible() ) {
bgneal@45: select.next();
bgneal@45: } else {
bgneal@45: onChange(0, true);
bgneal@45: }
bgneal@45: break;
bgneal@45:
bgneal@45: case KEY.PAGEUP:
bgneal@45: event.preventDefault();
bgneal@45: if ( select.visible() ) {
bgneal@45: select.pageUp();
bgneal@45: } else {
bgneal@45: onChange(0, true);
bgneal@45: }
bgneal@45: break;
bgneal@45:
bgneal@45: case KEY.PAGEDOWN:
bgneal@45: event.preventDefault();
bgneal@45: if ( select.visible() ) {
bgneal@45: select.pageDown();
bgneal@45: } else {
bgneal@45: onChange(0, true);
bgneal@45: }
bgneal@45: break;
bgneal@45:
bgneal@45: // matches also semicolon
bgneal@45: case options.multiple && $.trim(options.multipleSeparator) == "," && KEY.COMMA:
bgneal@45: case KEY.TAB:
bgneal@45: case KEY.RETURN:
bgneal@45: if( selectCurrent() ) {
bgneal@45: // stop default to prevent a form submit, Opera needs special handling
bgneal@45: event.preventDefault();
bgneal@45: blockSubmit = true;
bgneal@45: return false;
bgneal@45: }
bgneal@45: break;
bgneal@45:
bgneal@45: case KEY.ESC:
bgneal@45: select.hide();
bgneal@45: break;
bgneal@45:
bgneal@45: default:
bgneal@45: clearTimeout(timeout);
bgneal@45: timeout = setTimeout(onChange, options.delay);
bgneal@45: break;
bgneal@45: }
bgneal@45: }).focus(function(){
bgneal@45: // track whether the field has focus, we shouldn't process any
bgneal@45: // results if the field no longer has focus
bgneal@45: hasFocus++;
bgneal@45: }).blur(function() {
bgneal@45: hasFocus = 0;
bgneal@45: if (!config.mouseDownOnSelect) {
bgneal@45: hideResults();
bgneal@45: }
bgneal@45: }).click(function() {
bgneal@45: // show select when clicking in a focused field
bgneal@45: if ( hasFocus++ > 1 && !select.visible() ) {
bgneal@45: onChange(0, true);
bgneal@45: }
bgneal@45: }).bind("search", function() {
bgneal@45: // TODO why not just specifying both arguments?
bgneal@45: var fn = (arguments.length > 1) ? arguments[1] : null;
bgneal@45: function findValueCallback(q, data) {
bgneal@45: var result;
bgneal@45: if( data && data.length ) {
bgneal@45: for (var i=0; i < data.length; i++) {
bgneal@45: if( data[i].result.toLowerCase() == q.toLowerCase() ) {
bgneal@45: result = data[i];
bgneal@45: break;
bgneal@45: }
bgneal@45: }
bgneal@45: }
bgneal@45: if( typeof fn == "function" ) fn(result);
bgneal@45: else $input.trigger("result", result && [result.data, result.value]);
bgneal@45: }
bgneal@45: $.each(trimWords($input.val()), function(i, value) {
bgneal@45: request(value, findValueCallback, findValueCallback);
bgneal@45: });
bgneal@45: }).bind("flushCache", function() {
bgneal@45: cache.flush();
bgneal@45: }).bind("setOptions", function() {
bgneal@45: $.extend(options, arguments[1]);
bgneal@45: // if we've updated the data, repopulate
bgneal@45: if ( "data" in arguments[1] )
bgneal@45: cache.populate();
bgneal@45: }).bind("unautocomplete", function() {
bgneal@45: select.unbind();
bgneal@45: $input.unbind();
bgneal@45: $(input.form).unbind(".autocomplete");
bgneal@45: });
bgneal@45:
bgneal@45:
bgneal@45: function selectCurrent() {
bgneal@45: var selected = select.selected();
bgneal@45: if( !selected )
bgneal@45: return false;
bgneal@45:
bgneal@45: var v = selected.result;
bgneal@45: previousValue = v;
bgneal@45:
bgneal@45: if ( options.multiple ) {
bgneal@45: var words = trimWords($input.val());
bgneal@45: if ( words.length > 1 ) {
bgneal@45: v = words.slice(0, words.length - 1).join( options.multipleSeparator ) + options.multipleSeparator + v;
bgneal@45: }
bgneal@45: v += options.multipleSeparator;
bgneal@45: }
bgneal@45:
bgneal@45: $input.val(v);
bgneal@45: hideResultsNow();
bgneal@45: $input.trigger("result", [selected.data, selected.value]);
bgneal@45: return true;
bgneal@45: }
bgneal@45:
bgneal@45: function onChange(crap, skipPrevCheck) {
bgneal@45: if( lastKeyPressCode == KEY.DEL ) {
bgneal@45: select.hide();
bgneal@45: return;
bgneal@45: }
bgneal@45:
bgneal@45: var currentValue = $input.val();
bgneal@45:
bgneal@45: if ( !skipPrevCheck && currentValue == previousValue )
bgneal@45: return;
bgneal@45:
bgneal@45: previousValue = currentValue;
bgneal@45:
bgneal@45: currentValue = lastWord(currentValue);
bgneal@45: if ( currentValue.length >= options.minChars) {
bgneal@45: $input.addClass(options.loadingClass);
bgneal@45: if (!options.matchCase)
bgneal@45: currentValue = currentValue.toLowerCase();
bgneal@45: request(currentValue, receiveData, hideResultsNow);
bgneal@45: } else {
bgneal@45: stopLoading();
bgneal@45: select.hide();
bgneal@45: }
bgneal@45: };
bgneal@45:
bgneal@45: function trimWords(value) {
bgneal@45: if ( !value ) {
bgneal@45: return [""];
bgneal@45: }
bgneal@45: var words = value.split( options.multipleSeparator );
bgneal@45: var result = [];
bgneal@45: $.each(words, function(i, value) {
bgneal@45: if ( $.trim(value) )
bgneal@45: result[i] = $.trim(value);
bgneal@45: });
bgneal@45: return result;
bgneal@45: }
bgneal@45:
bgneal@45: function lastWord(value) {
bgneal@45: if ( !options.multiple )
bgneal@45: return value;
bgneal@45: var words = trimWords(value);
bgneal@45: return words[words.length - 1];
bgneal@45: }
bgneal@45:
bgneal@45: // fills in the input box w/the first match (assumed to be the best match)
bgneal@45: // q: the term entered
bgneal@45: // sValue: the first matching result
bgneal@45: function autoFill(q, sValue){
bgneal@45: // autofill in the complete box w/the first match as long as the user hasn't entered in more data
bgneal@45: // if the last user key pressed was backspace, don't autofill
bgneal@45: if( options.autoFill && (lastWord($input.val()).toLowerCase() == q.toLowerCase()) && lastKeyPressCode != KEY.BACKSPACE ) {
bgneal@45: // fill in the value (keep the case the user has typed)
bgneal@45: $input.val($input.val() + sValue.substring(lastWord(previousValue).length));
bgneal@45: // select the portion of the value not typed by the user (so the next character will erase)
bgneal@45: $.Autocompleter.Selection(input, previousValue.length, previousValue.length + sValue.length);
bgneal@45: }
bgneal@45: };
bgneal@45:
bgneal@45: function hideResults() {
bgneal@45: clearTimeout(timeout);
bgneal@45: timeout = setTimeout(hideResultsNow, 200);
bgneal@45: };
bgneal@45:
bgneal@45: function hideResultsNow() {
bgneal@45: var wasVisible = select.visible();
bgneal@45: select.hide();
bgneal@45: clearTimeout(timeout);
bgneal@45: stopLoading();
bgneal@45: if (options.mustMatch) {
bgneal@45: // call search and run callback
bgneal@45: $input.search(
bgneal@45: function (result){
bgneal@45: // if no value found, clear the input box
bgneal@45: if( !result ) {
bgneal@45: if (options.multiple) {
bgneal@45: var words = trimWords($input.val()).slice(0, -1);
bgneal@45: $input.val( words.join(options.multipleSeparator) + (words.length ? options.multipleSeparator : "") );
bgneal@45: }
bgneal@45: else
bgneal@45: $input.val( "" );
bgneal@45: }
bgneal@45: }
bgneal@45: );
bgneal@45: }
bgneal@45: if (wasVisible)
bgneal@45: // position cursor at end of input field
bgneal@45: $.Autocompleter.Selection(input, input.value.length, input.value.length);
bgneal@45: };
bgneal@45:
bgneal@45: function receiveData(q, data) {
bgneal@45: if ( data && data.length && hasFocus ) {
bgneal@45: stopLoading();
bgneal@45: select.display(data, q);
bgneal@45: autoFill(q, data[0].value);
bgneal@45: select.show();
bgneal@45: } else {
bgneal@45: hideResultsNow();
bgneal@45: }
bgneal@45: };
bgneal@45:
bgneal@45: function request(term, success, failure) {
bgneal@45: if (!options.matchCase)
bgneal@45: term = term.toLowerCase();
bgneal@45: var data = cache.load(term);
bgneal@45: // recieve the cached data
bgneal@45: if (data && data.length) {
bgneal@45: success(term, data);
bgneal@45: // if an AJAX url has been supplied, try loading the data now
bgneal@45: } else if( (typeof options.url == "string") && (options.url.length > 0) ){
bgneal@45:
bgneal@45: var extraParams = {
bgneal@45: timestamp: +new Date()
bgneal@45: };
bgneal@45: $.each(options.extraParams, function(key, param) {
bgneal@45: extraParams[key] = typeof param == "function" ? param() : param;
bgneal@45: });
bgneal@45:
bgneal@45: $.ajax({
bgneal@45: // try to leverage ajaxQueue plugin to abort previous requests
bgneal@45: mode: "abort",
bgneal@45: // limit abortion to this input
bgneal@45: port: "autocomplete" + input.name,
bgneal@45: dataType: options.dataType,
bgneal@45: url: options.url,
bgneal@45: data: $.extend({
bgneal@45: q: lastWord(term),
bgneal@45: limit: options.max
bgneal@45: }, extraParams),
bgneal@45: success: function(data) {
bgneal@45: var parsed = options.parse && options.parse(data) || parse(data);
bgneal@45: cache.add(term, parsed);
bgneal@45: success(term, parsed);
bgneal@45: }
bgneal@45: });
bgneal@45: } else {
bgneal@45: // if we have a failure, we need to empty the list -- this prevents the the [TAB] key from selecting the last successful match
bgneal@45: select.emptyList();
bgneal@45: failure(term);
bgneal@45: }
bgneal@45: };
bgneal@45:
bgneal@45: function parse(data) {
bgneal@45: var parsed = [];
bgneal@45: var rows = data.split("\n");
bgneal@45: for (var i=0; i < rows.length; i++) {
bgneal@45: var row = $.trim(rows[i]);
bgneal@45: if (row) {
bgneal@45: row = row.split("|");
bgneal@45: parsed[parsed.length] = {
bgneal@45: data: row,
bgneal@45: value: row[0],
bgneal@45: result: options.formatResult && options.formatResult(row, row[0]) || row[0]
bgneal@45: };
bgneal@45: }
bgneal@45: }
bgneal@45: return parsed;
bgneal@45: };
bgneal@45:
bgneal@45: function stopLoading() {
bgneal@45: $input.removeClass(options.loadingClass);
bgneal@45: };
bgneal@45:
bgneal@45: };
bgneal@45:
bgneal@45: $.Autocompleter.defaults = {
bgneal@45: inputClass: "ac_input",
bgneal@45: resultsClass: "ac_results",
bgneal@45: loadingClass: "ac_loading",
bgneal@45: minChars: 1,
bgneal@45: delay: 400,
bgneal@45: matchCase: false,
bgneal@45: matchSubset: true,
bgneal@45: matchContains: false,
bgneal@45: cacheLength: 10,
bgneal@45: max: 100,
bgneal@45: mustMatch: false,
bgneal@45: extraParams: {},
bgneal@45: selectFirst: true,
bgneal@45: formatItem: function(row) { return row[0]; },
bgneal@45: formatMatch: null,
bgneal@45: autoFill: false,
bgneal@45: width: 0,
bgneal@45: multiple: false,
bgneal@45: multipleSeparator: ", ",
bgneal@45: highlight: function(value, term) {
bgneal@45: return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>");
bgneal@45: },
bgneal@45: scroll: true,
bgneal@45: scrollHeight: 180
bgneal@45: };
bgneal@45:
bgneal@45: $.Autocompleter.Cache = function(options) {
bgneal@45:
bgneal@45: var data = {};
bgneal@45: var length = 0;
bgneal@45:
bgneal@45: function matchSubset(s, sub) {
bgneal@45: if (!options.matchCase)
bgneal@45: s = s.toLowerCase();
bgneal@45: var i = s.indexOf(sub);
bgneal@45: if (i == -1) return false;
bgneal@45: return i == 0 || options.matchContains;
bgneal@45: };
bgneal@45:
bgneal@45: function add(q, value) {
bgneal@45: if (length > options.cacheLength){
bgneal@45: flush();
bgneal@45: }
bgneal@45: if (!data[q]){
bgneal@45: length++;
bgneal@45: }
bgneal@45: data[q] = value;
bgneal@45: }
bgneal@45:
bgneal@45: function populate(){
bgneal@45: if( !options.data ) return false;
bgneal@45: // track the matches
bgneal@45: var stMatchSets = {},
bgneal@45: nullData = 0;
bgneal@45:
bgneal@45: // no url was specified, we need to adjust the cache length to make sure it fits the local data store
bgneal@45: if( !options.url ) options.cacheLength = 1;
bgneal@45:
bgneal@45: // track all options for minChars = 0
bgneal@45: stMatchSets[""] = [];
bgneal@45:
bgneal@45: // loop through the array and create a lookup structure
bgneal@45: for ( var i = 0, ol = options.data.length; i < ol; i++ ) {
bgneal@45: var rawValue = options.data[i];
bgneal@45: // if rawValue is a string, make an array otherwise just reference the array
bgneal@45: rawValue = (typeof rawValue == "string") ? [rawValue] : rawValue;
bgneal@45:
bgneal@45: var value = options.formatMatch(rawValue, i+1, options.data.length);
bgneal@45: if ( value === false )
bgneal@45: continue;
bgneal@45:
bgneal@45: var firstChar = value.charAt(0).toLowerCase();
bgneal@45: // if no lookup array for this character exists, look it up now
bgneal@45: if( !stMatchSets[firstChar] )
bgneal@45: stMatchSets[firstChar] = [];
bgneal@45:
bgneal@45: // if the match is a string
bgneal@45: var row = {
bgneal@45: value: value,
bgneal@45: data: rawValue,
bgneal@45: result: options.formatResult && options.formatResult(rawValue) || value
bgneal@45: };
bgneal@45:
bgneal@45: // push the current match into the set list
bgneal@45: stMatchSets[firstChar].push(row);
bgneal@45:
bgneal@45: // keep track of minChars zero items
bgneal@45: if ( nullData++ < options.max ) {
bgneal@45: stMatchSets[""].push(row);
bgneal@45: }
bgneal@45: };
bgneal@45:
bgneal@45: // add the data items to the cache
bgneal@45: $.each(stMatchSets, function(i, value) {
bgneal@45: // increase the cache size
bgneal@45: options.cacheLength++;
bgneal@45: // add to the cache
bgneal@45: add(i, value);
bgneal@45: });
bgneal@45: }
bgneal@45:
bgneal@45: // populate any existing data
bgneal@45: setTimeout(populate, 25);
bgneal@45:
bgneal@45: function flush(){
bgneal@45: data = {};
bgneal@45: length = 0;
bgneal@45: }
bgneal@45:
bgneal@45: return {
bgneal@45: flush: flush,
bgneal@45: add: add,
bgneal@45: populate: populate,
bgneal@45: load: function(q) {
bgneal@45: if (!options.cacheLength || !length)
bgneal@45: return null;
bgneal@45: /*
bgneal@45: * if dealing w/local data and matchContains than we must make sure
bgneal@45: * to loop through all the data collections looking for matches
bgneal@45: */
bgneal@45: if( !options.url && options.matchContains ){
bgneal@45: // track all matches
bgneal@45: var csub = [];
bgneal@45: // loop through all the data grids for matches
bgneal@45: for( var k in data ){
bgneal@45: // don't search through the stMatchSets[""] (minChars: 0) cache
bgneal@45: // this prevents duplicates
bgneal@45: if( k.length > 0 ){
bgneal@45: var c = data[k];
bgneal@45: $.each(c, function(i, x) {
bgneal@45: // if we've got a match, add it to the array
bgneal@45: if (matchSubset(x.value, q)) {
bgneal@45: csub.push(x);
bgneal@45: }
bgneal@45: });
bgneal@45: }
bgneal@45: }
bgneal@45: return csub;
bgneal@45: } else
bgneal@45: // if the exact item exists, use it
bgneal@45: if (data[q]){
bgneal@45: return data[q];
bgneal@45: } else
bgneal@45: if (options.matchSubset) {
bgneal@45: for (var i = q.length - 1; i >= options.minChars; i--) {
bgneal@45: var c = data[q.substr(0, i)];
bgneal@45: if (c) {
bgneal@45: var csub = [];
bgneal@45: $.each(c, function(i, x) {
bgneal@45: if (matchSubset(x.value, q)) {
bgneal@45: csub[csub.length] = x;
bgneal@45: }
bgneal@45: });
bgneal@45: return csub;
bgneal@45: }
bgneal@45: }
bgneal@45: }
bgneal@45: return null;
bgneal@45: }
bgneal@45: };
bgneal@45: };
bgneal@45:
bgneal@45: $.Autocompleter.Select = function (options, input, select, config) {
bgneal@45: var CLASSES = {
bgneal@45: ACTIVE: "ac_over"
bgneal@45: };
bgneal@45:
bgneal@45: var listItems,
bgneal@45: active = -1,
bgneal@45: data,
bgneal@45: term = "",
bgneal@45: needsInit = true,
bgneal@45: element,
bgneal@45: list;
bgneal@45:
bgneal@45: // Create results
bgneal@45: function init() {
bgneal@45: if (!needsInit)
bgneal@45: return;
bgneal@45: element = $("<div/>")
bgneal@45: .hide()
bgneal@45: .addClass(options.resultsClass)
bgneal@45: .css("position", "absolute")
bgneal@45: .appendTo(document.body);
bgneal@45:
bgneal@45: list = $("<ul/>").appendTo(element).mouseover( function(event) {
bgneal@45: if(target(event).nodeName && target(event).nodeName.toUpperCase() == 'LI') {
bgneal@45: active = $("li", list).removeClass(CLASSES.ACTIVE).index(target(event));
bgneal@45: $(target(event)).addClass(CLASSES.ACTIVE);
bgneal@45: }
bgneal@45: }).click(function(event) {
bgneal@45: $(target(event)).addClass(CLASSES.ACTIVE);
bgneal@45: select();
bgneal@45: // TODO provide option to avoid setting focus again after selection? useful for cleanup-on-focus
bgneal@45: input.focus();
bgneal@45: return false;
bgneal@45: }).mousedown(function() {
bgneal@45: config.mouseDownOnSelect = true;
bgneal@45: }).mouseup(function() {
bgneal@45: config.mouseDownOnSelect = false;
bgneal@45: });
bgneal@45:
bgneal@45: if( options.width > 0 )
bgneal@45: element.css("width", options.width);
bgneal@45:
bgneal@45: needsInit = false;
bgneal@45: }
bgneal@45:
bgneal@45: function target(event) {
bgneal@45: var element = event.target;
bgneal@45: while(element && element.tagName != "LI")
bgneal@45: element = element.parentNode;
bgneal@45: // more fun with IE, sometimes event.target is empty, just ignore it then
bgneal@45: if(!element)
bgneal@45: return [];
bgneal@45: return element;
bgneal@45: }
bgneal@45:
bgneal@45: function moveSelect(step) {
bgneal@45: listItems.slice(active, active + 1).removeClass(CLASSES.ACTIVE);
bgneal@45: movePosition(step);
bgneal@45: var activeItem = listItems.slice(active, active + 1).addClass(CLASSES.ACTIVE);
bgneal@45: if(options.scroll) {
bgneal@45: var offset = 0;
bgneal@45: listItems.slice(0, active).each(function() {
bgneal@45: offset += this.offsetHeight;
bgneal@45: });
bgneal@45: if((offset + activeItem[0].offsetHeight - list.scrollTop()) > list[0].clientHeight) {
bgneal@45: list.scrollTop(offset + activeItem[0].offsetHeight - list.innerHeight());
bgneal@45: } else if(offset < list.scrollTop()) {
bgneal@45: list.scrollTop(offset);
bgneal@45: }
bgneal@45: }
bgneal@45: };
bgneal@45:
bgneal@45: function movePosition(step) {
bgneal@45: active += step;
bgneal@45: if (active < 0) {
bgneal@45: active = listItems.size() - 1;
bgneal@45: } else if (active >= listItems.size()) {
bgneal@45: active = 0;
bgneal@45: }
bgneal@45: }
bgneal@45:
bgneal@45: function limitNumberOfItems(available) {
bgneal@45: return options.max && options.max < available
bgneal@45: ? options.max
bgneal@45: : available;
bgneal@45: }
bgneal@45:
bgneal@45: function fillList() {
bgneal@45: list.empty();
bgneal@45: var max = limitNumberOfItems(data.length);
bgneal@45: for (var i=0; i < max; i++) {
bgneal@45: if (!data[i])
bgneal@45: continue;
bgneal@45: var formatted = options.formatItem(data[i].data, i+1, max, data[i].value, term);
bgneal@45: if ( formatted === false )
bgneal@45: continue;
bgneal@45: var li = $("<li/>").html( options.highlight(formatted, term) ).addClass(i%2 == 0 ? "ac_even" : "ac_odd").appendTo(list)[0];
bgneal@45: $.data(li, "ac_data", data[i]);
bgneal@45: }
bgneal@45: listItems = list.find("li");
bgneal@45: if ( options.selectFirst ) {
bgneal@45: listItems.slice(0, 1).addClass(CLASSES.ACTIVE);
bgneal@45: active = 0;
bgneal@45: }
bgneal@45: // apply bgiframe if available
bgneal@45: if ( $.fn.bgiframe )
bgneal@45: list.bgiframe();
bgneal@45: }
bgneal@45:
bgneal@45: return {
bgneal@45: display: function(d, q) {
bgneal@45: init();
bgneal@45: data = d;
bgneal@45: term = q;
bgneal@45: fillList();
bgneal@45: },
bgneal@45: next: function() {
bgneal@45: moveSelect(1);
bgneal@45: },
bgneal@45: prev: function() {
bgneal@45: moveSelect(-1);
bgneal@45: },
bgneal@45: pageUp: function() {
bgneal@45: if (active != 0 && active - 8 < 0) {
bgneal@45: moveSelect( -active );
bgneal@45: } else {
bgneal@45: moveSelect(-8);
bgneal@45: }
bgneal@45: },
bgneal@45: pageDown: function() {
bgneal@45: if (active != listItems.size() - 1 && active + 8 > listItems.size()) {
bgneal@45: moveSelect( listItems.size() - 1 - active );
bgneal@45: } else {
bgneal@45: moveSelect(8);
bgneal@45: }
bgneal@45: },
bgneal@45: hide: function() {
bgneal@45: element && element.hide();
bgneal@45: listItems && listItems.removeClass(CLASSES.ACTIVE);
bgneal@45: active = -1;
bgneal@45: },
bgneal@45: visible : function() {
bgneal@45: return element && element.is(":visible");
bgneal@45: },
bgneal@45: current: function() {
bgneal@45: return this.visible() && (listItems.filter("." + CLASSES.ACTIVE)[0] || options.selectFirst && listItems[0]);
bgneal@45: },
bgneal@45: show: function() {
bgneal@45: var offset = $(input).offset();
bgneal@45: element.css({
bgneal@45: width: typeof options.width == "string" || options.width > 0 ? options.width : $(input).width(),
bgneal@45: top: offset.top + input.offsetHeight,
bgneal@45: left: offset.left
bgneal@45: }).show();
bgneal@45: if(options.scroll) {
bgneal@45: list.scrollTop(0);
bgneal@45: list.css({
bgneal@45: maxHeight: options.scrollHeight,
bgneal@45: overflow: 'auto'
bgneal@45: });
bgneal@45:
bgneal@45: if($.browser.msie && typeof document.body.style.maxHeight === "undefined") {
bgneal@45: var listHeight = 0;
bgneal@45: listItems.each(function() {
bgneal@45: listHeight += this.offsetHeight;
bgneal@45: });
bgneal@45: var scrollbarsVisible = listHeight > options.scrollHeight;
bgneal@45: list.css('height', scrollbarsVisible ? options.scrollHeight : listHeight );
bgneal@45: if (!scrollbarsVisible) {
bgneal@45: // IE doesn't recalculate width when scrollbar disappears
bgneal@45: listItems.width( list.width() - parseInt(listItems.css("padding-left")) - parseInt(listItems.css("padding-right")) );
bgneal@45: }
bgneal@45: }
bgneal@45:
bgneal@45: }
bgneal@45: },
bgneal@45: selected: function() {
bgneal@45: var selected = listItems && listItems.filter("." + CLASSES.ACTIVE).removeClass(CLASSES.ACTIVE);
bgneal@45: return selected && selected.length && $.data(selected[0], "ac_data");
bgneal@45: },
bgneal@45: emptyList: function (){
bgneal@45: list && list.empty();
bgneal@45: },
bgneal@45: unbind: function() {
bgneal@45: element && element.remove();
bgneal@45: }
bgneal@45: };
bgneal@45: };
bgneal@45:
bgneal@45: $.Autocompleter.Selection = function(field, start, end) {
bgneal@45: if( field.createTextRange ){
bgneal@45: var selRange = field.createTextRange();
bgneal@45: selRange.collapse(true);
bgneal@45: selRange.moveStart("character", start);
bgneal@45: selRange.moveEnd("character", end);
bgneal@45: selRange.select();
bgneal@45: } else if( field.setSelectionRange ){
bgneal@45: field.setSelectionRange(start, end);
bgneal@45: } else {
bgneal@45: if( field.selectionStart ){
bgneal@45: field.selectionStart = start;
bgneal@45: field.selectionEnd = end;
bgneal@45: }
bgneal@45: }
bgneal@45: field.focus();
bgneal@45: };
bgneal@45:
bgneal@45: })(jQuery);