1
0

jquery.autocomplete.min.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729
  1. /*
  2. * jQuery Autocomplete plugin 1.1
  3. *
  4. * Copyright (c) 2009 Jörn Zaefferer
  5. *
  6. * Dual licensed under the MIT and GPL licenses:
  7. * http://www.opensource.org/licenses/mit-license.php
  8. * http://www.gnu.org/licenses/gpl.html
  9. *
  10. * Revision: $Id: jquery.autocomplete.js 15 2009-08-22 10:30:27Z joern.zaefferer $
  11. */;
  12. ( function($) {
  13. $.fn.extend( {
  14. autocomplete : function(urlOrData, options) {
  15. var isUrl = typeof urlOrData == "string";
  16. options = $.extend( {}, $.Autocompleter.defaults, {
  17. url : isUrl ? urlOrData : null,
  18. data : isUrl ? null : urlOrData,
  19. delay : isUrl ? $.Autocompleter.defaults.delay : 10,
  20. max : options && !options.scroll ? 10 : 150
  21. }, options);
  22. options.highlight = options.highlight || function(value) {
  23. return value;
  24. };
  25. options.formatMatch = options.formatMatch || options.formatItem;
  26. return this.each( function() {
  27. new $.Autocompleter(this, options);
  28. });
  29. },
  30. result : function(handler) {
  31. return this.bind("result", handler);
  32. },
  33. search : function(handler) {
  34. return this.trigger("search", [ handler ]);
  35. },
  36. flushCache : function() {
  37. return this.trigger("flushCache");
  38. },
  39. setOptions : function(options) {
  40. return this.trigger("setOptions", [ options ]);
  41. },
  42. unautocomplete : function() {
  43. return this.trigger("unautocomplete");
  44. }
  45. });
  46. $.Autocompleter = function(input, options) {
  47. var KEY = {
  48. UP : 38,
  49. DOWN : 40,
  50. DEL : 46,
  51. TAB : 9,
  52. RETURN : 13,
  53. ESC : 27,
  54. COMMA : 188,
  55. PAGEUP : 33,
  56. PAGEDOWN : 34,
  57. BACKSPACE : 8
  58. };
  59. var $input = $(input).attr("autocomplete", "off").addClass(
  60. options.inputClass);
  61. var timeout;
  62. var previousValue = "";
  63. var cache = $.Autocompleter.Cache(options);
  64. var hasFocus = 0;
  65. var lastKeyPressCode;
  66. var config = {
  67. mouseDownOnSelect : false
  68. };
  69. var select = $.Autocompleter.Select(options, input, selectCurrent,
  70. config);
  71. var blockSubmit;
  72. $.browser.opera
  73. && $(input.form).bind("submit.autocomplete", function() {
  74. if (blockSubmit) {
  75. blockSubmit = false;
  76. return false;
  77. }
  78. });
  79. $input.bind(
  80. ($.browser.opera ? "keypress" : "keydown") + ".autocomplete",
  81. function(event) {
  82. hasFocus = 1;
  83. lastKeyPressCode = event.keyCode;
  84. switch (event.keyCode) {
  85. case KEY.UP:
  86. event.preventDefault();
  87. if (select.visible()) {
  88. select.prev();
  89. } else {
  90. onChange(0, true);
  91. }
  92. break;
  93. case KEY.DOWN:
  94. event.preventDefault();
  95. if (select.visible()) {
  96. select.next();
  97. } else {
  98. onChange(0, true);
  99. }
  100. break;
  101. case KEY.PAGEUP:
  102. event.preventDefault();
  103. if (select.visible()) {
  104. select.pageUp();
  105. } else {
  106. onChange(0, true);
  107. }
  108. break;
  109. case KEY.PAGEDOWN:
  110. event.preventDefault();
  111. if (select.visible()) {
  112. select.pageDown();
  113. } else {
  114. onChange(0, true);
  115. }
  116. break;
  117. case options.multiple
  118. && $.trim(options.multipleSeparator) == ","
  119. && KEY.COMMA:
  120. case KEY.TAB:
  121. case KEY.RETURN:
  122. if (selectCurrent()) {
  123. event.preventDefault();
  124. blockSubmit = true;
  125. return false;
  126. }
  127. break;
  128. case KEY.ESC:
  129. select.hide();
  130. break;
  131. default:
  132. clearTimeout(timeout);
  133. timeout = setTimeout(onChange, options.delay);
  134. break;
  135. }
  136. }).focus( function() {
  137. hasFocus++;
  138. }).blur( function() {
  139. hasFocus = 0;
  140. if (!config.mouseDownOnSelect) {
  141. hideResults();
  142. }
  143. }).click( function() {
  144. if (hasFocus++ > 1 && !select.visible()) {
  145. onChange(0, true);
  146. }
  147. }).bind(
  148. "search",
  149. function() {
  150. var fn = (arguments.length > 1) ? arguments[1] : null;
  151. function findValueCallback(q, data) {
  152. var result;
  153. if (data && data.length) {
  154. for ( var i = 0; i < data.length; i++) {
  155. if (data[i].result == q
  156. ) {
  157. result = data[i];
  158. break;
  159. }
  160. }
  161. }
  162. if (typeof fn == "function")
  163. fn(result);
  164. else
  165. $input.trigger("result", result
  166. && [ result.data, result.value ]);
  167. }
  168. $.each(trimWords($input.val()), function(i, value) {
  169. request(value, findValueCallback, findValueCallback);
  170. });
  171. }).bind("flushCache", function() {
  172. cache.flush();
  173. }).bind("setOptions", function() {
  174. $.extend(options, arguments[1]);
  175. if ("data" in arguments[1])
  176. cache.populate();
  177. }).bind("unautocomplete", function() {
  178. select.unbind();
  179. $input.unbind();
  180. $(input.form).unbind(".autocomplete");
  181. });
  182. function selectCurrent() {
  183. var selected = select.selected();
  184. if (!selected)
  185. return false;
  186. var v = selected.result;
  187. previousValue = v;
  188. if (options.multiple) {
  189. var words = trimWords($input.val());
  190. if (words.length > 1) {
  191. var seperator = options.multipleSeparator.length;
  192. var cursorAt = $(input).selection().start;
  193. var wordAt, progress = 0;
  194. $.each(words, function(i, word) {
  195. progress += word.length;
  196. if (cursorAt <= progress) {
  197. wordAt = i;
  198. return false;
  199. }
  200. progress += seperator;
  201. });
  202. words[wordAt] = v;
  203. v = words.join(options.multipleSeparator);
  204. }
  205. v += options.multipleSeparator;
  206. }
  207. $input.val(v);
  208. hideResultsNow();
  209. $input.trigger("result", [ selected.data, selected.value ]);
  210. return true;
  211. }
  212. function onChange(crap, skipPrevCheck) {
  213. if (lastKeyPressCode == KEY.DEL) {
  214. select.hide();
  215. return;
  216. }
  217. var currentValue = $input.val();
  218. if (!skipPrevCheck && currentValue == previousValue)
  219. return;
  220. previousValue = currentValue;
  221. currentValue = lastWord(currentValue);
  222. if (currentValue.length >= options.minChars) {
  223. $input.addClass(options.loadingClass);
  224. if (!options.matchCase)
  225. currentValue = currentValue;
  226. request(currentValue, receiveData, hideResultsNow);
  227. } else {
  228. stopLoading();
  229. select.hide();
  230. }
  231. }
  232. ;
  233. function trimWords(value) {
  234. if (!value)
  235. return [ "" ];
  236. if (!options.multiple)
  237. return [ $.trim(value) ];
  238. return $.map(value.split(options.multipleSeparator),
  239. function(word) {
  240. return $.trim(value).length ? $.trim(word) : null;
  241. });
  242. }
  243. function lastWord(value) {
  244. if (!options.multiple)
  245. return value;
  246. var words = trimWords(value);
  247. if (words.length == 1)
  248. return words[0];
  249. var cursorAt = $(input).selection().start;
  250. if (cursorAt == value.length) {
  251. words = trimWords(value)
  252. } else {
  253. words = trimWords(value.replace(value.substring(cursorAt), ""));
  254. }
  255. return words[words.length - 1];
  256. }
  257. function autoFill(q, sValue) {
  258. if (options.autoFill
  259. && (lastWord($input.val()) == q)
  260. && lastKeyPressCode != KEY.BACKSPACE) {
  261. $input.val($input.val()
  262. + sValue.substring(lastWord(previousValue).length));
  263. $(input).selection(previousValue.length,
  264. previousValue.length + sValue.length);
  265. }
  266. }
  267. ;
  268. function hideResults() {
  269. clearTimeout(timeout);
  270. timeout = setTimeout(hideResultsNow, 200);
  271. }
  272. ;
  273. function hideResultsNow() {
  274. var wasVisible = select.visible();
  275. select.hide();
  276. clearTimeout(timeout);
  277. stopLoading();
  278. if (options.mustMatch) {
  279. $input.search( function(result) {
  280. if (!result) {
  281. if (options.multiple) {
  282. var words = trimWords($input.val()).slice(0, -1);
  283. $input.val(words.join(options.multipleSeparator)
  284. + (words.length ? options.multipleSeparator
  285. : ""));
  286. } else {
  287. $input.val("");
  288. $input.trigger("result", null);
  289. }
  290. }
  291. });
  292. }
  293. }
  294. ;
  295. function receiveData(q, data) {
  296. if (data && data.length && hasFocus) {
  297. stopLoading();
  298. select.display(data, q);
  299. autoFill(q, data[0].value);
  300. select.show();
  301. } else {
  302. hideResultsNow();
  303. }
  304. }
  305. ;
  306. function request(term, success, failure) {
  307. if (!options.matchCase)
  308. term = term;
  309. var data = cache.load(term);
  310. if (data && data.length) {
  311. success(term, data);
  312. } else if ((typeof options.url == "string")
  313. && (options.url.length > 0)) {
  314. var extraParams = {
  315. timestamp : +new Date()
  316. };
  317. $.each(options.extraParams, function(key, param) {
  318. extraParams[key] = typeof param == "function" ? param()
  319. : param;
  320. });
  321. $.ajax( {
  322. mode : "abort",
  323. port : "autocomplete" + input.name,
  324. dataType : options.dataType,
  325. url : options.url,
  326. data : $.extend( {
  327. q : lastWord(term),
  328. limit : options.max
  329. }, extraParams),
  330. success : function(data) {
  331. var parsed = options.parse && options.parse(data)
  332. || parse(data);
  333. cache.add(term, parsed);
  334. success(term, parsed);
  335. }
  336. });
  337. } else {
  338. select.emptyList();
  339. failure(term);
  340. }
  341. }
  342. ;
  343. function parse(data) {
  344. var parsed = [];
  345. var rows = data.split("\n");
  346. for ( var i = 0; i < rows.length; i++) {
  347. var row = $.trim(rows[i]);
  348. if (row) {
  349. row = row.split("|");
  350. parsed[parsed.length] = {
  351. data : row,
  352. value : row[0],
  353. result : options.formatResult
  354. && options.formatResult(row, row[0]) || row[0]
  355. };
  356. }
  357. }
  358. return parsed;
  359. }
  360. ;
  361. function stopLoading() {
  362. $input.removeClass(options.loadingClass);
  363. }
  364. ;
  365. };
  366. $.Autocompleter.defaults = {
  367. inputClass : "ac_input",
  368. resultsClass : "ac_results",
  369. loadingClass : "ac_loading",
  370. minChars : 1,
  371. delay : 400,
  372. matchCase : false,
  373. matchSubset : true,
  374. matchContains : false,
  375. cacheLength : 10,
  376. max : 100,
  377. mustMatch : false,
  378. extraParams : {},
  379. selectFirst : true,
  380. formatItem : function(row) {
  381. return row[0];
  382. },
  383. formatMatch : null,
  384. autoFill : false,
  385. width : 0,
  386. multiple : false,
  387. multipleSeparator : ", ",
  388. highlight : function(value, term) {
  389. return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)("
  390. + term
  391. .replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi,
  392. "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi"),
  393. "<strong>$1</strong>");
  394. },
  395. scroll : true,
  396. scrollHeight : 180
  397. };
  398. $.Autocompleter.Cache = function(options) {
  399. var data = {};
  400. var length = 0;
  401. function matchSubset(s, sub) {
  402. if (!options.matchCase)
  403. s = s;
  404. var i = s.indexOf(sub);
  405. if (options.matchContains == "word") {
  406. i = s.search("\\b" + sub);
  407. }
  408. if (i == -1)
  409. return false;
  410. return i == 0 || options.matchContains;
  411. }
  412. ;
  413. function add(q, value) {
  414. if (length > options.cacheLength) {
  415. flush();
  416. }
  417. if (!data[q]) {
  418. length++;
  419. }
  420. data[q] = value;
  421. }
  422. function populate() {
  423. if (!options.data)
  424. return false;
  425. var stMatchSets = {}, nullData = 0;
  426. if (!options.url)
  427. options.cacheLength = 1;
  428. stMatchSets[""] = [];
  429. for ( var i = 0, ol = options.data.length; i < ol; i++) {
  430. var rawValue = options.data[i];
  431. rawValue = (typeof rawValue == "string") ? [ rawValue ]
  432. : rawValue;
  433. var value = options.formatMatch(rawValue, i + 1,
  434. options.data.length);
  435. if (value === false)
  436. continue;
  437. var firstChar = value.charAt(0);
  438. if (!stMatchSets[firstChar])
  439. stMatchSets[firstChar] = [];
  440. var row = {
  441. value : value,
  442. data : rawValue,
  443. result : options.formatResult
  444. && options.formatResult(rawValue) || value
  445. };
  446. stMatchSets[firstChar].push(row);
  447. if (nullData++ < options.max) {
  448. stMatchSets[""].push(row);
  449. }
  450. }
  451. ;
  452. $.each(stMatchSets, function(i, value) {
  453. options.cacheLength++;
  454. add(i, value);
  455. });
  456. }
  457. setTimeout(populate, 25);
  458. function flush() {
  459. data = {};
  460. length = 0;
  461. }
  462. return {
  463. flush : flush,
  464. add : add,
  465. populate : populate,
  466. load : function(q) {
  467. if (!options.cacheLength || !length)
  468. return null;
  469. if (!options.url && options.matchContains) {
  470. var csub = [];
  471. for ( var k in data) {
  472. if (k.length > 0) {
  473. var c = data[k];
  474. $.each(c, function(i, x) {
  475. if (matchSubset(x.value, q)) {
  476. csub.push(x);
  477. }
  478. });
  479. }
  480. }
  481. return csub;
  482. } else if (data[q]) {
  483. return data[q];
  484. } else if (options.matchSubset) {
  485. for ( var i = q.length - 1; i >= options.minChars; i--) {
  486. var c = data[q.substr(0, i)];
  487. if (c) {
  488. var csub = [];
  489. $.each(c, function(i, x) {
  490. if (matchSubset(x.value, q)) {
  491. csub[csub.length] = x;
  492. }
  493. });
  494. return csub;
  495. }
  496. }
  497. }
  498. return null;
  499. }
  500. };
  501. };
  502. $.Autocompleter.Select = function(options, input, select, config) {
  503. var CLASSES = {
  504. ACTIVE : "ac_over"
  505. };
  506. var listItems, active = -1, data, term = "", needsInit = true, element, list;
  507. function init() {
  508. if (!needsInit)
  509. return;
  510. element = $("<div/>").hide().addClass(options.resultsClass).css(
  511. "position", "absolute").appendTo(document.body);
  512. list = $("<ul/>")
  513. .appendTo(element)
  514. .mouseover(
  515. function(event) {
  516. if (target(event).nodeName
  517. && target(event).nodeName.toUpperCase() == 'LI') {
  518. active = $("li", list).removeClass(
  519. CLASSES.ACTIVE)
  520. .index(target(event));
  521. $(target(event)).addClass(CLASSES.ACTIVE);
  522. }
  523. }).click( function(event) {
  524. $(target(event)).addClass(CLASSES.ACTIVE);
  525. select();
  526. input.focus();
  527. return false;
  528. }).mousedown( function() {
  529. config.mouseDownOnSelect = true;
  530. }).mouseup( function() {
  531. config.mouseDownOnSelect = false;
  532. });
  533. if (options.width > 0)
  534. element.css("width", options.width);
  535. needsInit = false;
  536. }
  537. function target(event) {
  538. var element = event.target;
  539. while (element && element.tagName != "LI")
  540. element = element.parentNode;
  541. if (!element)
  542. return [];
  543. return element;
  544. }
  545. function moveSelect(step) {
  546. listItems.slice(active, active + 1).removeClass(CLASSES.ACTIVE);
  547. movePosition(step);
  548. var activeItem = listItems.slice(active, active + 1).addClass(
  549. CLASSES.ACTIVE);
  550. if (options.scroll) {
  551. var offset = 0;
  552. listItems.slice(0, active).each( function() {
  553. offset += this.offsetHeight;
  554. });
  555. if ((offset + activeItem[0].offsetHeight - list.scrollTop()) > list[0].clientHeight) {
  556. list.scrollTop(offset + activeItem[0].offsetHeight
  557. - list.innerHeight());
  558. } else if (offset < list.scrollTop()) {
  559. list.scrollTop(offset);
  560. }
  561. }
  562. }
  563. ;
  564. function movePosition(step) {
  565. active += step;
  566. if (active < 0) {
  567. active = listItems.size() - 1;
  568. } else if (active >= listItems.size()) {
  569. active = 0;
  570. }
  571. }
  572. function limitNumberOfItems(available) {
  573. return options.max && options.max < available ? options.max
  574. : available;
  575. }
  576. function fillList() {
  577. list.empty();
  578. var max = limitNumberOfItems(data.length);
  579. for ( var i = 0; i < max; i++) {
  580. if (!data[i])
  581. continue;
  582. var formatted = options.formatItem(data[i].data, i + 1, max,
  583. data[i].value, term);
  584. if (formatted === false)
  585. continue;
  586. var li = $("<li/>").html(options.highlight(formatted, term))
  587. .addClass(i % 2 == 0 ? "ac_even" : "ac_odd").appendTo(
  588. list)[0];
  589. $.data(li, "ac_data", data[i]);
  590. }
  591. listItems = list.find("li");
  592. if (options.selectFirst) {
  593. listItems.slice(0, 1).addClass(CLASSES.ACTIVE);
  594. active = 0;
  595. }
  596. if ($.fn.bgiframe)
  597. list.bgiframe();
  598. }
  599. return {
  600. display : function(d, q) {
  601. init();
  602. data = d;
  603. term = q;
  604. fillList();
  605. },
  606. next : function() {
  607. moveSelect(1);
  608. },
  609. prev : function() {
  610. moveSelect(-1);
  611. },
  612. pageUp : function() {
  613. if (active != 0 && active - 8 < 0) {
  614. moveSelect(-active);
  615. } else {
  616. moveSelect(-8);
  617. }
  618. },
  619. pageDown : function() {
  620. if (active != listItems.size() - 1
  621. && active + 8 > listItems.size()) {
  622. moveSelect(listItems.size() - 1 - active);
  623. } else {
  624. moveSelect(8);
  625. }
  626. },
  627. hide : function() {
  628. element && element.hide();
  629. listItems && listItems.removeClass(CLASSES.ACTIVE);
  630. active = -1;
  631. },
  632. visible : function() {
  633. return element && element.is(":visible");
  634. },
  635. current : function() {
  636. return this.visible()
  637. && (listItems.filter("." + CLASSES.ACTIVE)[0] || options.selectFirst
  638. && listItems[0]);
  639. },
  640. show : function() {
  641. var offset = $(input).offset();
  642. element.css(
  643. {
  644. width : typeof options.width == "string"
  645. || options.width > 0 ? options.width : $(
  646. input).width(),
  647. top : offset.top + input.offsetHeight,
  648. left : offset.left
  649. }).show();
  650. if (options.scroll) {
  651. list.scrollTop(0);
  652. list.css( {
  653. maxHeight : options.scrollHeight,
  654. overflow : 'auto'
  655. });
  656. if ($.browser.msie
  657. && typeof document.body.style.maxHeight === "undefined") {
  658. var listHeight = 0;
  659. listItems.each( function() {
  660. listHeight += this.offsetHeight;
  661. });
  662. var scrollbarsVisible = listHeight > options.scrollHeight;
  663. list.css('height',
  664. scrollbarsVisible ? options.scrollHeight
  665. : listHeight);
  666. if (!scrollbarsVisible) {
  667. listItems.width(list.width()
  668. - parseInt(listItems.css("padding-left"))
  669. - parseInt(listItems.css("padding-right")));
  670. }
  671. }
  672. }
  673. },
  674. selected : function() {
  675. var selected = listItems
  676. && listItems.filter("." + CLASSES.ACTIVE).removeClass(
  677. CLASSES.ACTIVE);
  678. return selected && selected.length
  679. && $.data(selected[0], "ac_data");
  680. },
  681. emptyList : function() {
  682. list && list.empty();
  683. },
  684. unbind : function() {
  685. element && element.remove();
  686. }
  687. };
  688. };
  689. $.fn.selection = function(start, end) {
  690. if (start !== undefined) {
  691. return this.each( function() {
  692. if (this.createTextRange) {
  693. var selRange = this.createTextRange();
  694. if (end === undefined || start == end) {
  695. selRange.move("character", start);
  696. selRange.select();
  697. } else {
  698. selRange.collapse(true);
  699. selRange.moveStart("character", start);
  700. selRange.moveEnd("character", end);
  701. selRange.select();
  702. }
  703. } else if (this.setSelectionRange) {
  704. this.setSelectionRange(start, end);
  705. } else if (this.selectionStart) {
  706. this.selectionStart = start;
  707. this.selectionEnd = end;
  708. }
  709. });
  710. }
  711. var field = this[0];
  712. if (field.createTextRange) {
  713. var range = document.selection.createRange(), orig = field.value, teststring = "<->", textLength = range.text.length;
  714. range.text = teststring;
  715. var caretAt = field.value.indexOf(teststring);
  716. field.value = orig;
  717. this.selection(caretAt, caretAt + textLength);
  718. return {
  719. start : caretAt,
  720. end : caretAt + textLength
  721. }
  722. } else if (field.selectionStart !== undefined) {
  723. return {
  724. start : field.selectionStart,
  725. end : field.selectionEnd
  726. }
  727. }
  728. };
  729. })(jQuery);