First I must say that I really like your plugin...and I did go and read some other stuff on your site about your latest plugin...congrats!
I have the following options in the jquery.quicksearch.js file...I
believe that row striping is off...but I am not much of a programmer
so let me know what I need to do if I haven't done your suggestions.
;(function( $ ){
$.fn.quicksearch = function(options) {
options = jQuery.extend({
position: 'prepend',
attached: 'body',
formId: 'quicksearch',
labelText: 'Quick Search',
labelClass: 'qs_label',
inputText: null,
inputClass: 'qs_input',
loaderId: 'loader',
loaderClass: 'loader',
loaderImg: null,
loaderText: '',
stripeRowClass: null,
hideElement: null,
delay: 500,
focusOnLoad: false,
onBefore: null,
onAfter: null,
filter: null,
randomElement: 'qs'+Math.floor(Math.random()*1000000)
}, options);
var timeout;
var cache;
var score = {};
var el = this;
var stripeRowLength = (!is_empty(options.stripeRowClass)) ?
options.stripeRowClass.length : 0;
var doStripe = (stripeRowLength > 0) ? true : false;
function is_empty (i)
{
return (i == null || i == undefined || i == false) ?
true: false;
}
function get_cache (el)
{
cache =
$(el).not('.'+options.noResultsClass).map(function(){
return strip_html(normalise(this.innerHTML));
});
}
function normalise (i)
{
return $.trim(i.toLowerCase().replace(/\n/,
'').replace(/\s{2,}/, '
'));
}
function get_key()
{
var input = strip_html(normalise($('input[rel="' +
options.randomElement + '"]').val()));
if (typeof options.filter == "function") { input =
options.filter
(input); }
if (input.indexOf(' ') == -1)
{
return input;
}
else
{
return input.split(" ");
}
}
function test_key(k, value, type)
{
if (type == "string")
{
return test_key_string(k, value);
}
else
{
return test_key_arr(k, value);
}
}
function test_key_string(k, value)
{
return (value.indexOf(k) > -1);
}
function test_key_arr(k, value)
{
for (var i = 0; i < k.length; i++) {
var test = value.indexOf(k[i]);
if (test == -1) {
return false;
}
}
return true;
}
function strip_html (input)
{
var regexp = new RegExp(/\<[^\<]+\>/g);
var output = input.replace(regexp, "");
output = output.toLowerCase();
return output;
}
function select_element (el)
{
if(options.hideElement == "grandparent")
{
return $(el).parent().parent();
}
else if (options.hideElement == "parent")
{
return $(el).parent();
}
else
{
return $(el);
}
}
function stripe (el)
{
if (doStripe)
{
var i = 0;
select_element(el).filter(':visible').each(function () {
for (var j = 0; j < stripeRowLength;
j++)
{
if (i == j)
{
$(this).addClass(options.stripeRowClass[i]);
}
else
{
$(this).removeClass(options.stripeRowClass[j]);
}
}
i = (i+1) % stripeRowLength;
});
}
}
function loader (o) {
if(options.loaderId)
{
var l = $('[EMAIL
PROTECTED]"'+options.randomElement+'"]').parent().find
('.loader');
if(o == 'hide')
{
l.hide();
}
else
{
l.show();
}
}
}
function place_form () {
var formPosition = options.position;
var formAttached = options.attached;
if(formPosition == 'before') {
$(formAttached).before( make_form() );
} else if(formPosition == 'prepend') {
$(formAttached).prepend( make_form() );
} else if(formPosition == 'append') {
$(formAttached).append( make_form() );
} else {
$(formAttached).after( make_form() );
}
}
function make_form ()
{
return '<form action="#" ' + 'id="'+ options.formId +
'" ' +
'class="quicksearch">' +
make_form_label() +
make_form_input() + make_form_loader() +
'</form>';
}
function make_form_label ()
{
if(!is_empty(options.labelText)) {
return '<label for="' + options.randomElement +
'" '+
'class="' +
options.labelClass + '">'
+ options.labelText
+ '</label> ';
}
return '';
}
function make_form_input ()
{
var val = (!is_empty(options.inputText)) ?
options.inputText : ""
return '<input type="text" value="' + val + '" rel="' +
options.randomElement + '" class="' + options.inputClass + '"
id="'+options.randomElement+'" /> ';
}
function make_form_loader ()
{
if(!is_empty(options.loaderImg)) {
return '<img src="' + options.loaderImg + '"
alt="Loading" id="' +
options.loaderId + '" class="' + options.loaderClass + '" />';
} else {
return '<span id="' + options.loaderId + '"
class="' +
options.loaderClass + '">' + options.loaderText + '</span>';
}
}
function focus_on_load ()
{
$('input[rel="' + options.randomElement +
'"]').get(0).focus();
}
function toggle_text () {
$('input[rel="' + options.randomElement +
'"]').focus(function () {
if($(this).val() == options.inputText) {
$(this).val('');
}
}),
$('input[rel="' + options.randomElement +
'"]').blur(function () {
if($(this).val() == "") {
$(this).val(options.inputText);
}
})
};
function init ()
{
place_form();
if(options.focusOnLoad) {
focus_on_load();
}
if(options.inputText != "" && options.inputText !=
null) {
toggle_text();
}
get_cache(el);
stripe(el);
loader('hide');
}
function qs ()
{
clearTimeout(timeout);
timeout = setTimeout(function () {
if (typeof options.onBefore == "function") {
options.onBefore(); }
loader('show');
setTimeout(function () {
var k = get_key();
var k_type = (typeof k);
var i = 0;
if (k != "")
{
if (typeof score[k] ==
"undefined")
{
score[k] = new Array();
cache.each(function (i)
{
if (test_key(k,
cache[i], k_type))
{
score[k][i] = true;
}
});
}
if (score[k].length == 0)
{
select_element(el).hide();
}
else
{
$(el).not('.'+options.noResultsClass).each(function (i) {
if (score[k][i])
{
select_element(this).show();
}
else
{
select_element(this).hide();
}
});
}
}
else
{
select_element(el).show();
}
stripe(el);
}, options.delay/2);
setTimeout( function () {
loader('hide');
if (typeof options.onAfter ==
"function") { options.onAfter(); }
}, options.delay/2);
}, options.delay/2);
}
init();
$('input[rel="' + options.randomElement +
'"]').keydown(function (e)
{
var keycode = e.keyCode;
if (!(keycode == 9 || keycode == 13 || keycode == 16 ||
keycode ==
17 || keycode == 18 || keycode == 38 || keycode == 40 || keycode ==
224))
{
qs();
}
});
$('form.quicksearch').submit( function () { return false; });
return this;
}
})( jQuery );
Thanks for taking the time to look at this...I really appreciate it.
Also any ideas on why it would crash in Firefox and not in IE?
On Nov 21, 11:01 am, "Rik Lomas" <[EMAIL PROTECTED]> wrote:
> Hi, I'm the author of the quicksearch plugin, unfortunately the code
> *is* a bit slow when dealing with large sets of data and it is one of
> the issues I'm trying to fix, I would recommend not having any extra
> features enabled to help speed it up (e.g. row striping)
>
> Someone might correct me, but I do think that Javascript in general
> isn't particularly speedy when dealing with that much data, so I might
> be able to make that much difference to the speed, but I will carry on
> working to get it faster
>
> Rik
>
> 2008/11/21 abovegaucho <[EMAIL PROTECTED]>:
>
>
>
>
>
> > I am having issues with the jquery.quicksearch plugin. I first
> > created some php code to pull a csv file into a table. Then I used
> > the plugin to search the table that was loaded through the php code.
>
> > The table wasn't very large so it worked like a charm. However, I
> > tried doing the same thing with a much larger csv file (about 4000
> > rows and 3 columns). The plugin was very slow to respond.
>
> > I also just ran some tests and it is slow in IE7 but it will
> > work...now I did the same thing in firefox and it crashes firefox. It
> > also works in IE6 slow but it works.
>
> > I did some google searches and found this:
>
> >http://orderedlist.com/articles/live-search-with-quicksilver-style-fo...
>
> > However this code is for list items<li> I am not much of a programmer
> > so I don't know how to modify to search the large table that is loaded
> > through the csv file.
>
> > Any suggestions!?
>
> > Thanks
>
> --
> Rik Lomashttp://rikrikrik.com
