I see...
All I have there is very basic things
<script type="text/javascript">
$(document).ready(function () {
$('table tbody tr').quicksearch({
position: 'before',
attached: 'table',
labelText: 'Search the GPI Fuel Product Manuals',
delay: 50
});
})
</script>
If i take the delay:50 out I don't get a search box. Sorry to be such
a pain...
On Nov 21, 11:27 am, "Rik Lomas" <[EMAIL PROTECTED]> wrote:
> 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);
> > }
>
> ...
>
> read more »
