I meant in the options, so when you do $(...).quicksearch( options );
there isn't anything other than the basic stuff you need in the object
you're passing through
Rik
2008/11/21 abovegaucho <[EMAIL PROTECTED]>:
>
> 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
--
Rik Lomas
http://rikrikrik.com
