/* ******************************************************************************** Title: Incremental Search for Select Boxes Copyright: Tobi Oetiker , OETIKER+PARTNER AG $Id: jquery.AddIncSearch.js 217 2009-08-25 07:52:19Z oetiker $ This jquery 1.3.x plugin adds incremental search to selectboxes of your choics. If you want to 'modify' all selectboxes in your document, do the following. License: This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA. * **********************************************************************************/ jQuery.fn.moveInputFocus = function(dist) { return this.each(function() { var fields = $(this).parents('form:eq(0),body').find('button,input,textarea,select'); var index = fields.index( this ); if ( index > -1 && index + dist < fields.length && index + dist >= 0 ) { fields.eq( index + dist ).focus(); } return false; }); }; jQuery.fn.AddIncSearch = function(class_id) { if (class_id == undefined) { class_id = 'NA'; } if (jQuery.browser.mmsie){ return; // do not fiddle with ie .. it is too painful }; var body = jQuery("body"); this.each(function(){ if (this.nodeName != 'SELECT'){ // only select objects return; } if (this.size > 1){ // no select boxes return; } var opt_cnt = this.length; var orig = jQuery(this); var button_width = orig.outerWidth(); var button_height = orig.outerHeight(); var selected = jQuery(this.options[this.selectedIndex]).clone(); var button = jQuery(''); input.hide(); input.appendTo(body); input.width(button.outerWidth()); input.height(button.outerHeight()); input.css({ position: 'absolute', borderLeftWidth: button.css('border-left-width'), paddingLeft: button.css('padding-left'), borderTopWidth: button.css('border-top-width'), paddingTop: button.css('padding-top'), borderRightWidth: button.css('border-right-width'), paddingRight: button.css('padding-right'), borderBottomWidth: button.css('border-bottom-width'), paddingBottom: button.css('padding-bottom'), padding: 0, margin: 0, borderStyle: 'solid', borderColor: 'transparent', backgroundColor: 'transparent', outlineStyle: 'none', zIndex: 1001 }); var chooser = jQuery('