remove jquery.autocomplete
This commit is contained in:
Milan
@@ -1,48 +0,0 @@
|
||||
.ac_results {
|
||||
padding: 0px;
|
||||
border: 1px solid WindowFrame;
|
||||
background-color: Window;
|
||||
overflow: hidden;
|
||||
z-index:-10;
|
||||
}
|
||||
|
||||
.ac_results ul {
|
||||
width: 100%;
|
||||
list-style-position: outside;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
z-index:-10;
|
||||
}
|
||||
|
||||
.ac_results iframe {
|
||||
display:none;/*sorry for IE5*/
|
||||
display/**/:block;/*sorry for IE5*/
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:-10;
|
||||
filter:mask();
|
||||
width:3000px;
|
||||
height:3000px;
|
||||
}
|
||||
|
||||
.ac_results li {
|
||||
margin: 0px;
|
||||
padding: 2px 5px;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
width: 100%;
|
||||
font: menu;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ac_loading {
|
||||
background : Window url('./indicator.gif') right center no-repeat;
|
||||
}
|
||||
|
||||
.ac_over {
|
||||
background-color: Highlight;
|
||||
color: HighlightText;
|
||||
}
|
||||
@@ -1,789 +0,0 @@
|
||||
jQuery.autocomplete = function(input, options) {
|
||||
// Create a link to self
|
||||
var me = this;
|
||||
|
||||
// Version
|
||||
var version = 1.6;
|
||||
|
||||
// Create jQuery object for input element
|
||||
var $input = $(input).attr('autocomplete', 'off');
|
||||
|
||||
// Create jQuery object as a unique request ID
|
||||
var $requestId = 1;
|
||||
|
||||
// Maximum request ID (it's kind of silly to have this, but whatever.
|
||||
var $MAX_REQUEST_ID = 65000;
|
||||
|
||||
// Apply inputClass if necessary
|
||||
if (options.inputClass) {
|
||||
$input.addClass(options.inputClass);
|
||||
}
|
||||
|
||||
/*
|
||||
* Create results (DOM element)
|
||||
*/
|
||||
var results = document.createElement('div');
|
||||
|
||||
/*
|
||||
* Create jQuery object for results
|
||||
*
|
||||
* var $results = $(results);
|
||||
*/
|
||||
var $results = $(results).hide().addClass(options.resultsClass).css('position', 'absolute');
|
||||
|
||||
if (options.width > 0) {
|
||||
$results.css('width', options.width);
|
||||
}
|
||||
|
||||
// Add to body element
|
||||
$('body').append(results);
|
||||
|
||||
input.autocompleter = me;
|
||||
|
||||
var timeout = null;
|
||||
var prev = '';
|
||||
var active = -1;
|
||||
var cache = {};
|
||||
var keyb = false;
|
||||
var hasFocus = false;
|
||||
var lastKeyPressCode = null;
|
||||
var mouseDownOnSelect = false;
|
||||
var hidingResults = false;
|
||||
|
||||
// flush cache
|
||||
function flushCache(){
|
||||
cache = {};
|
||||
cache.data = {};
|
||||
cache.length = 0;
|
||||
};
|
||||
|
||||
// flush cache
|
||||
flushCache();
|
||||
|
||||
// if there is a data array supplied
|
||||
if (options.data != null) {
|
||||
var sFirstChar = '', stMatchSets = {}, row = [];
|
||||
|
||||
// no url was specified, we need to adjust the cache length to make sure it fits the local data store
|
||||
if( typeof options.url != 'string' ) {
|
||||
options.cacheLength = 1;
|
||||
}
|
||||
|
||||
// loop through the array and create a lookup structure
|
||||
for (var i=0; i < options.data.length; i++) {
|
||||
// if row is a string, make an array otherwise just reference the array
|
||||
row = ((typeof options.data[i] == 'string') ? [options.data[i]] : options.data[i]);
|
||||
|
||||
// if the length is zero, don't add to list
|
||||
if( row[0].length > 0 ){
|
||||
// get the first character
|
||||
sFirstChar = row[0].substring(0, 1).toLowerCase();
|
||||
// if no lookup array for this character exists, look it up now
|
||||
if( !stMatchSets[sFirstChar] ) stMatchSets[sFirstChar] = [];
|
||||
// if the match is a string
|
||||
stMatchSets[sFirstChar].push(row);
|
||||
}
|
||||
}
|
||||
|
||||
// add the data items to the cache
|
||||
for( var k in stMatchSets ) {
|
||||
// increase the cache size
|
||||
options.cacheLength++;
|
||||
// add to the cache
|
||||
addToCache(k, stMatchSets[k]);
|
||||
}
|
||||
}
|
||||
|
||||
$input
|
||||
.keydown(function(e) {
|
||||
// track last key pressed
|
||||
lastKeyPressCode = e.keyCode;
|
||||
switch(e.keyCode) {
|
||||
case 38: // up
|
||||
e.preventDefault();
|
||||
moveSelect(-1);
|
||||
break;
|
||||
case 40: // down
|
||||
e.preventDefault();
|
||||
moveSelect(1);
|
||||
break;
|
||||
case 9: // tab
|
||||
case 13: // return
|
||||
if( selectCurrent() ){
|
||||
// make sure to blur off the current field
|
||||
$input.get(0).blur();
|
||||
e.preventDefault();
|
||||
}
|
||||
break;
|
||||
case 16:
|
||||
case 17:
|
||||
case 18:
|
||||
// shift, control, and alt keys... ignore!
|
||||
break;
|
||||
default:
|
||||
active = -1;
|
||||
if (timeout) clearTimeout(timeout);
|
||||
timeout = setTimeout(function(){onChange();}, options.delay);
|
||||
break;
|
||||
}
|
||||
})
|
||||
.focus(function(){
|
||||
// track whether the field has focus, we shouldn't process any results if the field no longer has focus
|
||||
hasFocus = true;
|
||||
})
|
||||
.blur(function() {
|
||||
// track whether the field has focus
|
||||
hasFocus = false;
|
||||
if (!mouseDownOnSelect) {
|
||||
hideResults();
|
||||
}
|
||||
});
|
||||
|
||||
hideResultsNow();
|
||||
|
||||
if (options.focus) {
|
||||
$input.focus();
|
||||
}
|
||||
|
||||
function onChange() {
|
||||
// ignore if the following keys are pressed: [del] [shift] [capslock]
|
||||
if ((lastKeyPressCode == 46) || ((lastKeyPressCode > 8) && (lastKeyPressCode < 32))) {
|
||||
doResultsHide();
|
||||
}
|
||||
|
||||
var v = $input.val();
|
||||
|
||||
if (v == prev) return;
|
||||
|
||||
prev = v;
|
||||
|
||||
if (v.length >= options.minChars) {
|
||||
$input.addClass(options.loadingClass);
|
||||
requestData(v);
|
||||
}
|
||||
else {
|
||||
$input.removeClass(options.loadingClass);
|
||||
|
||||
doResultsHide();
|
||||
}
|
||||
};
|
||||
|
||||
function moveSelect(step) {
|
||||
|
||||
var lis = $('li', results);
|
||||
if (!lis) return;
|
||||
|
||||
active += step;
|
||||
|
||||
if (active < 0) {
|
||||
active = 0;
|
||||
}
|
||||
else if (active >= lis.size()) {
|
||||
active = lis.size() - 1;
|
||||
}
|
||||
|
||||
lis.removeClass('ac_over');
|
||||
|
||||
$(lis[active]).addClass('ac_over');
|
||||
|
||||
// Weird behaviour in IE
|
||||
// if (lis[active] && lis[active].scrollIntoView) {
|
||||
// lis[active].scrollIntoView(false);
|
||||
// }
|
||||
|
||||
};
|
||||
|
||||
function selectCurrent() {
|
||||
var li = $('li.ac_over', results)[0];
|
||||
|
||||
if (!li) {
|
||||
var $li = $('li', results);
|
||||
|
||||
if (options.selectOnly) {
|
||||
if ($li.length == 1) li = $li[0];
|
||||
}
|
||||
else if (options.selectFirst) {
|
||||
li = $li[0];
|
||||
}
|
||||
}
|
||||
|
||||
if (li) {
|
||||
selectItem(li);
|
||||
return true;
|
||||
}
|
||||
else {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
function selectItem(li) {
|
||||
if (!li) {
|
||||
li = document.createElement('li');
|
||||
li.extra = [];
|
||||
li.selectValue = '';
|
||||
}
|
||||
|
||||
var v = $.trim(li.selectValue ? li.selectValue : li.innerHTML);
|
||||
|
||||
input.lastSelected = v;
|
||||
prev = v;
|
||||
$results.html('');
|
||||
$input.val(v);
|
||||
|
||||
hideResultsNow();
|
||||
|
||||
if (options.onItemSelect) {
|
||||
setTimeout(function() {
|
||||
options.onItemSelect(li)
|
||||
}, 1);
|
||||
}
|
||||
};
|
||||
|
||||
// selects a portion of the input string
|
||||
function createSelection(start, end){
|
||||
/*
|
||||
* get a reference to the input element
|
||||
*/
|
||||
var field = $input.get(0);
|
||||
|
||||
if (field.createTextRange) {
|
||||
var selRange = field.createTextRange();
|
||||
selRange.collapse(true);
|
||||
selRange.moveStart('character', start);
|
||||
selRange.moveEnd('character', end);
|
||||
selRange.select();
|
||||
}
|
||||
else if (field.setSelectionRange) {
|
||||
field.setSelectionRange(start, end);
|
||||
}
|
||||
else {
|
||||
if (field.selectionStart) {
|
||||
field.selectionStart = start;
|
||||
field.selectionEnd = end;
|
||||
}
|
||||
}
|
||||
|
||||
field.focus();
|
||||
};
|
||||
|
||||
// fills in the input box w/the first match (assumed to be the best match)
|
||||
function autoFill(sValue) {
|
||||
/*
|
||||
* if the last user key pressed was backspace, don't autofill
|
||||
*/
|
||||
if (lastKeyPressCode != 8) {
|
||||
/*
|
||||
* fill in the value (keep the case the user has typed)
|
||||
*/
|
||||
$input.val($input.val() + sValue.substring(prev.length));
|
||||
/*
|
||||
* select the portion of the value not typed by the user (so the next character will erase)
|
||||
*/
|
||||
createSelection(prev.length, sValue.length);
|
||||
}
|
||||
};
|
||||
|
||||
function showResults() {
|
||||
/*
|
||||
* get the position of the input field right now (in case the DOM is shifted)
|
||||
*/
|
||||
var pos = findPos(options.popupParent || $input);
|
||||
|
||||
/*
|
||||
* either use the specified width, or autocalculate based on form element
|
||||
*/
|
||||
var iWidth;
|
||||
|
||||
if (options.width > 0) {
|
||||
iWidth = options.width;
|
||||
}
|
||||
else {
|
||||
if (options.popupParent) {
|
||||
iWidth = options.popupParent.innerWidth();
|
||||
}
|
||||
else {
|
||||
iWidth = $input.innerWidth();
|
||||
}
|
||||
}
|
||||
|
||||
var height;
|
||||
|
||||
if (options.popupParent) {
|
||||
/*
|
||||
* for an arbitrary parent, we use inner height... it seems to work better (tighter to parent)
|
||||
*/
|
||||
height = options.popupParent.innerHeight();
|
||||
}
|
||||
else {
|
||||
/*
|
||||
* Otherwise for input fields, use outer height.
|
||||
*/
|
||||
height = $input.outerHeight();
|
||||
}
|
||||
|
||||
/*
|
||||
* re-position
|
||||
*/
|
||||
$results.css({
|
||||
width: parseInt(iWidth) + 'px',
|
||||
top: (pos.y + height) + 'px',
|
||||
left: pos.x + 'px',
|
||||
'z-index': pos.zIndex
|
||||
});
|
||||
|
||||
doResultsShow();
|
||||
};
|
||||
|
||||
function hideResults() {
|
||||
if (timeout) clearTimeout(timeout);
|
||||
timeout = setTimeout(hideResultsNow, 200);
|
||||
};
|
||||
|
||||
function hideResultsNow() {
|
||||
if (hidingResults) {
|
||||
return;
|
||||
}
|
||||
hidingResults = true;
|
||||
|
||||
if (timeout) {
|
||||
clearTimeout(timeout);
|
||||
}
|
||||
|
||||
var v = $input.removeClass(options.loadingClass).val();
|
||||
|
||||
if ($results.is(':visible')) {
|
||||
doResultsHide();
|
||||
}
|
||||
|
||||
if (options.mustMatch) {
|
||||
if (!input.lastSelected || input.lastSelected != v) {
|
||||
selectItem(null);
|
||||
}
|
||||
}
|
||||
|
||||
hidingResults = false;
|
||||
};
|
||||
|
||||
function doResultsShow() {
|
||||
if (options.resultsId) {
|
||||
$results.attr('id', options.resultsId);
|
||||
}
|
||||
|
||||
$results.show();
|
||||
|
||||
if (typeof options.onResultsShow === 'function') {
|
||||
options.onResultsShow($results[0]);
|
||||
}
|
||||
};
|
||||
|
||||
function doResultsHide() {
|
||||
$results.hide();
|
||||
|
||||
if (typeof options.onResultsHide === 'function') {
|
||||
options.onResultsHide($results[0]);
|
||||
}
|
||||
|
||||
if (options.resultsId) {
|
||||
$results.removeAttr('id');
|
||||
}
|
||||
};
|
||||
|
||||
function receiveData(q, data) {
|
||||
if (data) {
|
||||
$input.removeClass(options.loadingClass);
|
||||
results.innerHTML = '';
|
||||
|
||||
/*
|
||||
* if the field no longer has focus or if there are no matches, do not display the drop down
|
||||
*/
|
||||
if (!hasFocus || (data.length == 0)) {
|
||||
return hideResultsNow();
|
||||
}
|
||||
|
||||
if ($.browser.msie) {
|
||||
/*
|
||||
* we put a styled iframe behind the calendar so HTML SELECT elements don't show through
|
||||
*/
|
||||
$results.append(document.createElement('iframe'));
|
||||
}
|
||||
results.appendChild(dataToDom(data));
|
||||
|
||||
if (options.autoFill && ($input.val().toLowerCase() == q.toLowerCase()) ) {
|
||||
/*
|
||||
* autofill in the complete box w/the first match
|
||||
* as long as the user hasn't entered in more data
|
||||
*/
|
||||
autoFill(data[0][0]);
|
||||
}
|
||||
else if (options.selectFirst) {
|
||||
/*
|
||||
* If the 'selectFirst' option was specified, then hilite the first element in the list.
|
||||
*/
|
||||
$('li:first', results).addClass('ac_over');
|
||||
}
|
||||
|
||||
showResults();
|
||||
}
|
||||
else {
|
||||
hideResultsNow();
|
||||
}
|
||||
};
|
||||
|
||||
function parseData(data) {
|
||||
if (!data) return null;
|
||||
var parsed = [];
|
||||
var rows = data.split(options.lineSeparator);
|
||||
for (var i=0; i < rows.length; i++) {
|
||||
var row = $.trim(rows[i]);
|
||||
if (row) {
|
||||
parsed[parsed.length] = row.split(options.cellSeparator);
|
||||
}
|
||||
}
|
||||
return parsed;
|
||||
};
|
||||
|
||||
/**
|
||||
* Create a new pop-up list element.
|
||||
*
|
||||
* @param data the data to use when constructing the element.
|
||||
*
|
||||
* @return a 'ul' dom element.
|
||||
*/
|
||||
function dataToDom(data) {
|
||||
var ul = document.createElement('ul');
|
||||
var num = data.length;
|
||||
|
||||
// limited results to a max number
|
||||
if( (options.maxItemsToShow > 0) && (options.maxItemsToShow < num) ) num = options.maxItemsToShow;
|
||||
|
||||
for (var i=0; i < num; i++) {
|
||||
var row = data[i];
|
||||
if (!row) continue;
|
||||
|
||||
var li = document.createElement('li');
|
||||
|
||||
if (options.formatItem) {
|
||||
li.innerHTML = options.formatItem(row, i, num);
|
||||
li.selectValue = row[0];
|
||||
}
|
||||
else {
|
||||
li.innerHTML = row[0];
|
||||
li.selectValue = row[0];
|
||||
}
|
||||
|
||||
var extra = null;
|
||||
|
||||
if (row.length > 1) {
|
||||
extra = [];
|
||||
for (var j=1; j < row.length; j++) {
|
||||
extra[extra.length] = row[j];
|
||||
}
|
||||
}
|
||||
li.extra = extra;
|
||||
ul.appendChild(li);
|
||||
|
||||
$(li).hover(
|
||||
function() { $('li', ul).removeClass('ac_over'); $(this).addClass('ac_over'); active = $('li', ul).indexOf($(this).get(0)); },
|
||||
function() { $(this).removeClass('ac_over'); }
|
||||
).click(function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
selectItem(this)
|
||||
});
|
||||
|
||||
}
|
||||
$(ul).mousedown(function() {
|
||||
mouseDownOnSelect = true;
|
||||
}).mouseup(function() {
|
||||
mouseDownOnSelect = false;
|
||||
});
|
||||
return ul;
|
||||
};
|
||||
|
||||
/*
|
||||
* Perform an ajax request for the specified query string
|
||||
*/
|
||||
function requestData(q) {
|
||||
if (!options.matchCase) {
|
||||
q = q.toLowerCase();
|
||||
}
|
||||
|
||||
var data = options.cacheLength ? loadFromCache(q) : null;
|
||||
|
||||
if (data) {
|
||||
/*
|
||||
* receive the cached data
|
||||
*/
|
||||
receiveData(q, data);
|
||||
}
|
||||
else if ((typeof options.url == 'string') && (options.url.length > 0)) {
|
||||
/*
|
||||
* if an AJAX url has been supplied, try loading the data now
|
||||
*
|
||||
* Increment the unique request ID, to ensure that we're only using the most recent request
|
||||
*/
|
||||
$requestId += 1;
|
||||
if ($requestId >= $MAX_REQUEST_ID) {
|
||||
$requestId = 0; // roll over
|
||||
}
|
||||
// Perform the request.
|
||||
var thisRequestId = $requestId;
|
||||
$.get(makeUrl(q), function(data) {
|
||||
handleReceivedData(q, data, thisRequestId);
|
||||
});
|
||||
}
|
||||
else {
|
||||
/*
|
||||
* if there's been no data found, remove the loading class
|
||||
*/
|
||||
$input.removeClass(options.loadingClass);
|
||||
}
|
||||
};
|
||||
|
||||
function handleReceivedData(q, data, thisRequestId) {
|
||||
data = parseData(data);
|
||||
addToCache(q, data);
|
||||
|
||||
if (thisRequestId == $requestId) {
|
||||
/*
|
||||
* If this is the most recent request, then put it into the list.
|
||||
*/
|
||||
receiveData(q, data);
|
||||
}
|
||||
};
|
||||
|
||||
function makeUrl(q) {
|
||||
var sep = options.url.indexOf('?') == -1 ? '?' : '&';
|
||||
var url = options.url + sep + options.queryParam + '=' + encodeURI(q);
|
||||
|
||||
for (var i in options.extraParams) {
|
||||
url += '&' + i + '=' + encodeURI(options.extraParams[i]);
|
||||
}
|
||||
|
||||
return url;
|
||||
};
|
||||
|
||||
function loadFromCache(q) {
|
||||
if (!q) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (cache.data[q]) {
|
||||
return cache.data[q];
|
||||
}
|
||||
|
||||
if (options.matchSubset) {
|
||||
for (var i = q.length - 1; i >= options.minChars; i--) {
|
||||
var qs = q.substr(0, i);
|
||||
var c = cache.data[qs];
|
||||
if (c) {
|
||||
var csub = [];
|
||||
for (var j = 0; j < c.length; j++) {
|
||||
var x = c[j];
|
||||
var x0 = x[0];
|
||||
if (matchSubset(x0, q)) {
|
||||
csub[csub.length] = x;
|
||||
}
|
||||
}
|
||||
return csub;
|
||||
}
|
||||
}
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
function matchSubset(s, sub) {
|
||||
if (!options.matchCase) {
|
||||
s = s.toLowerCase();
|
||||
}
|
||||
|
||||
var i = s.indexOf(sub);
|
||||
|
||||
if (i == -1) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return i == 0 || options.matchContains;
|
||||
};
|
||||
|
||||
this.flushCache = function() {
|
||||
flushCache();
|
||||
};
|
||||
|
||||
this.setExtraParams = function(p) {
|
||||
options.extraParams = p;
|
||||
};
|
||||
|
||||
this.findValue = function(){
|
||||
var q = $input.val();
|
||||
|
||||
if (!options.matchCase) {
|
||||
q = q.toLowerCase();
|
||||
}
|
||||
|
||||
var data = options.cacheLength ? loadFromCache(q) : null;
|
||||
|
||||
if (data) {
|
||||
findValueCallback(q, data);
|
||||
}
|
||||
else if ((typeof options.url == 'string') && (options.url.length > 0)) {
|
||||
$.get(makeUrl(q), function(data) {
|
||||
data = parseData(data)
|
||||
addToCache(q, data);
|
||||
findValueCallback(q, data);
|
||||
});
|
||||
}
|
||||
else {
|
||||
// no matches
|
||||
findValueCallback(q, null);
|
||||
}
|
||||
}
|
||||
|
||||
function findValueCallback(q, data){
|
||||
if (data) {
|
||||
$input.removeClass(options.loadingClass);
|
||||
}
|
||||
|
||||
var num = (data) ? data.length : 0;
|
||||
var li = null;
|
||||
|
||||
for (var i=0; i < num; i++) {
|
||||
var row = data[i];
|
||||
|
||||
if (row[0].toLowerCase() == q.toLowerCase()) {
|
||||
li = document.createElement('li');
|
||||
|
||||
if (options.formatItem) {
|
||||
li.innerHTML = options.formatItem(row, i, num);
|
||||
li.selectValue = row[0];
|
||||
}
|
||||
else {
|
||||
li.innerHTML = row[0];
|
||||
li.selectValue = row[0];
|
||||
}
|
||||
|
||||
var extra = null;
|
||||
|
||||
if (row.length > 1) {
|
||||
extra = [];
|
||||
|
||||
for (var j=1; j < row.length; j++) {
|
||||
extra[extra.length] = row[j];
|
||||
}
|
||||
}
|
||||
li.extra = extra;
|
||||
}
|
||||
}
|
||||
|
||||
if (options.onFindValue) {
|
||||
setTimeout(function() { options.onFindValue(li) }, 1);
|
||||
}
|
||||
}
|
||||
|
||||
function addToCache(q, data) {
|
||||
if (!data || !q || !options.cacheLength) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (!cache.length || cache.length > options.cacheLength) {
|
||||
flushCache();
|
||||
cache.length++;
|
||||
}
|
||||
else if (!cache[q]) {
|
||||
cache.length++;
|
||||
}
|
||||
cache.data[q] = data;
|
||||
};
|
||||
|
||||
function findPos(popupParent) {
|
||||
var offset = popupParent.offset();
|
||||
var maxZIndex = 0;
|
||||
var zIndexParent = popupParent;
|
||||
|
||||
while (zIndexParent.length && !zIndexParent.is('body')) {
|
||||
var thisZIndex = zIndexParent.css('z-index');
|
||||
|
||||
thisZIndex = parseInt(thisZIndex);
|
||||
|
||||
if (thisZIndex || !isNaN(thisZIndex)) {
|
||||
maxZIndex = Math.max(thisZIndex, maxZIndex);
|
||||
}
|
||||
|
||||
zIndexParent = zIndexParent.offsetParent();
|
||||
}
|
||||
|
||||
return {
|
||||
x: Math.ceil(offset.left),
|
||||
y: Math.ceil(offset.top),
|
||||
zIndex: maxZIndex + 10
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
jQuery.fn.autocomplete = function(url, options, data) {
|
||||
// Make sure options exists
|
||||
options = options || {};
|
||||
// Set url as option
|
||||
options.url = url;
|
||||
// set some bulk local data
|
||||
options.data = ((typeof data == 'object') && (data.constructor == Array)) ? data : null;
|
||||
|
||||
// Set default values for required options
|
||||
options = $.extend({
|
||||
autoFill: false,
|
||||
cacheLength: 1,
|
||||
cellSeparator: '|',
|
||||
delay: 400,
|
||||
extraParams: {},
|
||||
focus: false,
|
||||
inputClass: 'ac_input',
|
||||
lineSeparator: '\n',
|
||||
loadingClass: 'ac_loading',
|
||||
matchCase: 0,
|
||||
matchSubset: 1,
|
||||
matchContains: 0,
|
||||
maxItemsToShow: -1,
|
||||
minChars: 1,
|
||||
mustMatch: 0,
|
||||
onResultsShow: null,
|
||||
onResultsHide: null,
|
||||
popupParent: null,
|
||||
queryParam: 'q',
|
||||
resultsClass: 'ac_results',
|
||||
resultsId: null,
|
||||
selectFirst: false,
|
||||
selectOnly: false,
|
||||
width: 0
|
||||
}, options);
|
||||
options.width = parseInt(options.width, 10);
|
||||
|
||||
if (options.popupParent) {
|
||||
options.popupParent = $(options.popupParent);
|
||||
|
||||
if (options.popupParent.length == 0) {
|
||||
options.popupParent = null;
|
||||
}
|
||||
}
|
||||
|
||||
this.each(function() {
|
||||
var input = this;
|
||||
new jQuery.autocomplete(input, options);
|
||||
});
|
||||
|
||||
// Don't break the chain
|
||||
return this;
|
||||
}
|
||||
|
||||
jQuery.fn.autocompleteArray = function(data, options) {
|
||||
return this.autocomplete(null, options, data);
|
||||
}
|
||||
|
||||
jQuery.fn.indexOf = function(e){
|
||||
for (var i = 0; i < this.length; i++) {
|
||||
if (this[i] == e) {
|
||||
return i;
|
||||
}
|
||||
}
|
||||
|
||||
return -1;
|
||||
};
|
||||
@@ -1,14 +0,0 @@
|
||||
jQuery.autocomplete=function(j,b){function p(){i={};i.data={};i.length=0}function N(){if(s==46||s>8&&s<32)z();var a=f.val();if(a!=t){t=a;if(a.length>=b.minChars){f.addClass(b.loadingClass);O(a)}else{f.removeClass(b.loadingClass);z()}}}function G(a){var c=$("li",m);if(c){n+=a;if(n<0)n=0;else if(n>=c.size())n=c.size()-1;c.removeClass("ac_over");$(c[n]).addClass("ac_over")}}function P(){var a=$("li.ac_over",m)[0];if(!a){var c=$("li",m);if(b.selectOnly){if(c.length==1)a=c[0]}else if(b.selectFirst)a=c[0]}if(a){A(a);
|
||||
return true}else return false}function A(a){if(!a){a=document.createElement("li");a.extra=[];a.selectValue=""}var c=$.trim(a.selectValue?a.selectValue:a.innerHTML);t=j.lastSelected=c;k.html("");f.val(c);u();b.onItemSelect&&setTimeout(function(){b.onItemSelect(a)},1)}function Q(a,c){var d=f.get(0);if(d.createTextRange){var e=d.createTextRange();e.collapse(true);e.moveStart("character",a);e.moveEnd("character",c);e.select()}else if(d.setSelectionRange)d.setSelectionRange(a,c);else if(d.selectionStart){d.selectionStart=
|
||||
a;d.selectionEnd=c}d.focus()}function R(a){if(s!=8){f.val(f.val()+a.substring(t.length));Q(t.length,a.length)}}function S(){var a=T(b.popupParent||f),c;c=b.width>0?b.width:b.popupParent?b.popupParent.innerWidth():f.innerWidth();var d;d=b.popupParent?b.popupParent.innerHeight():f.outerHeight();k.css({width:parseInt(c)+"px",top:a.y+d+"px",left:a.x+"px","z-index":a.zIndex});U()}function V(){o&&clearTimeout(o);o=setTimeout(u,200)}function u(){if(!B){B=true;o&&clearTimeout(o);var a=f.removeClass(b.loadingClass).val();
|
||||
k.is(":visible")&&z();if(b.mustMatch)if(!j.lastSelected||j.lastSelected!=a)A(null);B=false}}function U(){b.resultsId&&k.attr("id",b.resultsId);k.show();typeof b.onResultsShow==="function"&&b.onResultsShow(k[0])}function z(){k.hide();typeof b.onResultsHide==="function"&&b.onResultsHide(k[0]);b.resultsId&&k.removeAttr("id")}function H(a,c){if(c){f.removeClass(b.loadingClass);m.innerHTML="";if(!C||c.length==0)return u();$.browser.msie&&k.append(document.createElement("iframe"));m.appendChild(W(c));if(b.autoFill&&
|
||||
f.val().toLowerCase()==a.toLowerCase())R(c[0][0]);else b.selectFirst&&$("li:first",m).addClass("ac_over");S()}else u()}function I(a){if(!a)return null;var c=[];a=a.split(b.lineSeparator);for(var d=0;d<a.length;d++){var e=$.trim(a[d]);if(e)c[c.length]=e.split(b.cellSeparator)}return c}function W(a){var c=document.createElement("ul"),d=a.length;if(b.maxItemsToShow>0&&b.maxItemsToShow<d)d=b.maxItemsToShow;for(var e=0;e<d;e++){var g=a[e];if(g){var h=document.createElement("li");h.innerHTML=b.formatItem?
|
||||
b.formatItem(g,e,d):g[0];h.selectValue=g[0];var l=null;if(g.length>1){l=[];for(var q=1;q<g.length;q++)l[l.length]=g[q]}h.extra=l;c.appendChild(h);$(h).hover(function(){$("li",c).removeClass("ac_over");$(this).addClass("ac_over");n=$("li",c).indexOf($(this).get(0))},function(){$(this).removeClass("ac_over")}).click(function(J){J.preventDefault();J.stopPropagation();A(this)})}}$(c).mousedown(function(){D=true}).mouseup(function(){D=false});return c}function O(a){b.matchCase||(a=a.toLowerCase());var c=
|
||||
b.cacheLength?K(a):null;if(c)H(a,c);else if(typeof b.url=="string"&&b.url.length>0){v+=1;if(v>=X)v=0;var d=v;$.get(L(a),function(e){Y(a,e,d)})}else f.removeClass(b.loadingClass)}function Y(a,c,d){c=I(c);E(a,c);d==v&&H(a,c)}function L(a){var c=b.url.indexOf("?")==-1?"?":"&";a=b.url+c+b.queryParam+"="+encodeURI(a);for(var d in b.extraParams)a+="&"+d+"="+encodeURI(b.extraParams[d]);return a}function K(a){if(!a)return null;if(i.data[a])return i.data[a];if(b.matchSubset)for(var c=a.length-1;c>=b.minChars;c--){var d=
|
||||
a.substr(0,c);if(d=i.data[d]){c=[];for(var e=0;e<d.length;e++){var g=d[e];if(Z(g[0],a))c[c.length]=g}return c}}return null}function Z(a,c){b.matchCase||(a=a.toLowerCase());a=a.indexOf(c);if(a==-1)return false;return a==0||b.matchContains}function F(a,c){c&&f.removeClass(b.loadingClass);for(var d=c?c.length:0,e=null,g=0;g<d;g++){var h=c[g];if(h[0].toLowerCase()==a.toLowerCase()){e=document.createElement("li");e.innerHTML=b.formatItem?b.formatItem(h,g,d):h[0];e.selectValue=h[0];var l=null;if(h.length>
|
||||
1){l=[];for(var q=1;q<h.length;q++)l[l.length]=h[q]}e.extra=l}}b.onFindValue&&setTimeout(function(){b.onFindValue(e)},1)}function E(a,c){if(!(!c||!a||!b.cacheLength)){if(!i.length||i.length>b.cacheLength){p();i.length++}else i[a]||i.length++;i.data[a]=c}}function T(a){var c=a.offset(),d=0;for(a=a;a.length&&!a.is("body");){var e=a.css("z-index");if((e=parseInt(e))||!isNaN(e))d=Math.max(e,d);a=a.offsetParent()}return{x:Math.ceil(c.left),y:Math.ceil(c.top),zIndex:d+10}}var r=this,f=$(j).attr("autocomplete",
|
||||
"off"),v=1,X=65E3;b.inputClass&&f.addClass(b.inputClass);var m=document.createElement("div"),k=$(m).hide().addClass(b.resultsClass).css("position","absolute");b.width>0&&k.css("width",b.width);$("body").append(m);j.autocompleter=r;var o=null,t="",n=-1,i={},C=false,s=null,D=false,B=false;p();if(b.data!=null){r="";var w={},y=[];if(typeof b.url!="string")b.cacheLength=1;for(var x=0;x<b.data.length;x++){y=typeof b.data[x]=="string"?[b.data[x]]:b.data[x];if(y[0].length>0){r=y[0].substring(0,1).toLowerCase();
|
||||
w[r]||(w[r]=[]);w[r].push(y)}}for(var M in w){b.cacheLength++;E(M,w[M])}}f.keydown(function(a){s=a.keyCode;switch(a.keyCode){case 38:a.preventDefault();G(-1);break;case 40:a.preventDefault();G(1);break;case 9:case 13:if(P()){f.get(0).blur();a.preventDefault()}break;case 16:case 17:case 18:break;default:n=-1;o&&clearTimeout(o);o=setTimeout(function(){N()},b.delay);break}}).focus(function(){C=true}).blur(function(){C=false;D||V()});u();b.focus&&f.focus();this.flushCache=function(){p()};this.setExtraParams=
|
||||
function(a){b.extraParams=a};this.findValue=function(){var a=f.val();b.matchCase||(a=a.toLowerCase());var c=b.cacheLength?K(a):null;if(c)F(a,c);else typeof b.url=="string"&&b.url.length>0?$.get(L(a),function(d){d=I(d);E(a,d);F(a,d)}):F(a,null)}};
|
||||
jQuery.fn.autocomplete=function(j,b,p){b=b||{};b.url=j;b.data=typeof p=="object"&&p.constructor==Array?p:null;b=$.extend({autoFill:false,cacheLength:1,cellSeparator:"|",delay:400,extraParams:{},focus:false,inputClass:"ac_input",lineSeparator:"\n",loadingClass:"ac_loading",matchCase:0,matchSubset:1,matchContains:0,maxItemsToShow:-1,minChars:1,mustMatch:0,onResultsShow:null,onResultsHide:null,popupParent:null,queryParam:"q",resultsClass:"ac_results",resultsId:null,selectFirst:false,selectOnly:false,
|
||||
width:0},b);b.width=parseInt(b.width,10);if(b.popupParent){b.popupParent=$(b.popupParent);if(b.popupParent.length==0)b.popupParent=null}this.each(function(){new jQuery.autocomplete(this,b)});return this};jQuery.fn.autocompleteArray=function(j,b){return this.autocomplete(null,b,j)};jQuery.fn.indexOf=function(j){for(var b=0;b<this.length;b++)if(this[b]==j)return b;return-1};
|
||||
Reference in New Issue
Block a user