/* ************************************************************************** Title: Incremental Search for Select Boxes Copyright: Tobi Oetiker , OETIKER+PARTNER AG Contributions from: Haggi $Id: jquery.AddIncSearch.js 345 2009-12-20 12:51:19Z oetiker $ This jquery 1.3.x plugin adds incremental search to selectboxes of your choics. If you want to 'modify' selectboxes in your document, do the following. The behaviour of the widget can be tuned with the following options: maxListSize if the total number of entries in the selectbox are less than maxListSize, show them all maxMultiMatch if multiple entries match, how many should be displayed. warnMultiMatch string to append to a list of entries cut short by maxMultiMatch warnNoMatch string to show in the list when no entries match zIndex zIndex for the additional page elements it should be higher than the index of the select boxes. 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. * *******************************************************************/ (function($) { // setup a namespace for us var nsp = 'AddIncSearch'; $[nsp] = { // let the user override the default // $.pluginPattern.defaultOptions.optA = false defaultOptions: { maxListSize: 200, maxMultiMatch: 100, warnMultiMatch: 'top {0} matches ...', warnNoMatch: 'no matches ...', zIndex: 'auto' } }; // Private Variables and Functions var _ = { moveInputFocus: function (jq,dist) { var fields = jq.parents('form,body').eq(0) .find('button,input[type!=hidden],textarea,select'); var index = fields.index( jq ); if ( index > -1 && index + dist < fields.length && index + dist >= 0 ) { fields.eq( index + dist ).focus(); return true; } else { return false; } }, action: function(options){ // only active select objects with drop down capability if (this.nodeName != 'SELECT' || this.size > 1) { return this; } var $this = $(this); var $parent = $this.parent(); var meta_opts = options; // lets you override the options // inside the dom objects class property // requires the jQuery metadata plugin //

ddd

if ($.meta){ meta_opts = $.extend({}, options, $this.data()); } var text_arr = []; var opt_arr = []; var opt_cnt = this.length; var selectedIndex = this.selectedIndex; for (var i=0; i'+meta_opts.warnMultiMatch.replace(/\{0\}/g, meta_opts.maxMultiMatch)+'').attr('disabled', 'true').get(0); var no_match = $('').attr('disabled', 'true').get(0); // overlay div to block events of select element var $blocker = $('

'); $blocker.css({ position: 'absolute', width: $this.outerWidth(), height: $this.outerHeight(), backgroundColor: '#FFFFFF', opacity: '0.01', filter: 'Alpha(opacity=1)' }); $blocker.appendTo($parent); // overlay text field for searching capability var $input = $(''); $input.hide(); // copy selected styles to text field $input.css({ position: 'absolute', borderLeftWidth: $this.css('border-left-width'), paddingLeft: $this.css('padding-left'), borderTopWidth: $this.css('border-top-width'), paddingTop: $this.css('padding-top'), borderRightWidth: $this.css('border-right-width'), paddingRight: $this.css('padding-right'), borderBottomWidth: $this.css('border-bottom-width'), paddingBottom: $this.css('padding-bottom'), padding: 0, margin: 0, borderStyle: 'solid', borderColor: 'transparent', backgroundColor: 'transparent', outlineStyle: 'none' }); $input.appendTo($parent); $input.width($this.outerWidth() - 22); $input.height($this.outerHeight()); // drop down replacement var chooserSize = Math.min(opt_cnt, 20); var $chooser = $('