| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155 |
- (function($, window, document, undefined) {
- $.fn.quicksearch = function (target, opt) {
-
- var timeout, cache, rowcache, jq_results, val = '', e = this, options = $.extend({
- delay: 10,
- selector: null,
- stripeRows: null,
- loader: null,
- noResults: '',
- bind: 'keyup',
- onBefore: function () {
- return;
- },
- onAfter: function () {
- return;
- },
- show: function () {
- this.style.display = "";
- },
- hide: function () {
- this.style.display = "none";
- },
- prepareQuery: function (val) {
- return val.toLowerCase().split(' ');
- },
- testQuery: function (query, txt, _row) {
- for (var i = 0; i < query.length; i += 1) {
- if (txt.indexOf(query[i]) === -1) {
- return false;
- }
- }
- return true;
- }
- }, opt);
- var oldVal='';
- this.go = function () {
-
- var i = 0,
- noresults = true,
- query = options.prepareQuery(val),
- val_empty = (val.replace(' ', '').length === 0);
-
- if (val != oldVal){
- oldVal=val;
-
- for (var i = 0, len = rowcache.length; i < len; i++) {
- if (val_empty || options.testQuery(query, cache[i], rowcache[i])) {
- options.show.apply(rowcache[i]);
- noresults = false;
- } else {
- options.hide.apply(rowcache[i]);
- }
- }
-
- if (noresults) {
- this.results(false);
- } else {
- this.results(true);
- this.stripe();
- }
-
- this.loader(false);
- options.onAfter();
- }
- return this;
- };
-
- this.stripe = function () {
-
- if (typeof options.stripeRows === "object" && options.stripeRows !== null)
- {
- var joined = options.stripeRows.join(' ');
- var stripeRows_length = options.stripeRows.length;
-
- jq_results.not(':hidden').each(function (i) {
- $(this).removeClass(joined).addClass(options.stripeRows[i % stripeRows_length]);
- });
- }
-
- return this;
- };
-
- this.strip_html = function (input) {
- var output = input.replace(new RegExp('<[^<]+\>', 'g'), "");
- output = $.trim(output.toLowerCase());
- return output;
- };
-
- this.results = function (bool) {
- if (typeof options.noResults === "string" && options.noResults !== "") {
- if (bool) {
- $(options.noResults).hide();
- } else {
- $(options.noResults).show();
- }
- }
- return this;
- };
-
- this.loader = function (bool) {
- if (typeof options.loader === "string" && options.loader !== "") {
- (bool) ? $(options.loader).show() : $(options.loader).hide();
- }
- return this;
- };
-
- this.cache = function () {
-
- jq_results = $(target);
-
- if (typeof options.noResults === "string" && options.noResults !== "") {
- jq_results = jq_results.not(options.noResults);
- }
-
- var t = (typeof options.selector === "string") ? jq_results.find(options.selector) : $(target).not(options.noResults);
- cache = t.map(function () {
- return e.strip_html(this.innerHTML);
- });
-
- rowcache = jq_results.map(function () {
- return this;
- });
-
- return this.go();
- };
-
- this.trigger = function () {
- this.loader(true);
- if (val != oldVal){
- options.onBefore();
- }
-
- window.clearTimeout(timeout);
- timeout = window.setTimeout(function () {
- e.go();
- }, options.delay);
-
- return this;
- };
-
- this.cache();
- this.results(true);
- this.stripe();
- this.loader(false);
-
- return this.each(function () {
- $(this).bind(options.bind, function () {
- val = $(this).val();
- e.trigger();
- });
- });
-
- };
- }(jQuery, this, document));
|