| | |
| | | var elheight = this.element.height(); |
| | | var input, |
| | | self = this, |
| | | select = this.element.hide(), |
| | | select = this.element, |
| | | selected = select.children( ":selected" ), |
| | | value = selected.val() ? selected.text() : "", |
| | | wrapper = this.wrapper = $( "<span>" ) |
| | | .addClass( "ui-combobox" ) |
| | | .insertAfter( select ); |
| | | |
| | | input = $( "<input>" ) |
| | | .appendTo( wrapper ) |
| | | input = $( "<input>" ).css( { "width": (select.is(':visible') ? (elwidth > 15 ? elwidth - 15 : 1) : 350), "height": (elheight > 0 ? elheight : 16) }); |
| | | select.hide(); |
| | | input.appendTo( wrapper ) |
| | | .val( value ) |
| | | .addClass( "ui-state-default ui-combobox-input" ) |
| | | .css( { "width": (elwidth > 15 ? elwidth - 15 : 1), "height": elheight }) |
| | | .autocomplete({ |
| | | delay: 0, |
| | | minLength: 0, |
| | |
| | | ")(?![^<>]*>)(?![^&;]+;)", "gi" |
| | | ), "<strong>$1</strong>" )), |
| | | value: text, |
| | | class: (select.hasClass('flags') ? 'country-' + $(this).val() : $(this).attr('class')), |
| | | option: this |
| | | }; |
| | | }) ); |
| | |
| | | } |
| | | }) |
| | | .addClass( "ui-widget ui-widget-content ui-corner-left" ); |
| | | if(select.hasClass('flags')) input.addClass('flags'); |
| | | |
| | | input.data( "autocomplete" )._renderItem = function( ul, item ) { |
| | | return $( "<li></li>" ) |
| | | var el = $( "<li></li>" ) |
| | | .data( "item.autocomplete", item ) |
| | | .append( "<a>" + item.label + "</a>" ) |
| | | .appendTo( ul ); |
| | | if(item.class) el.addClass(item.class); |
| | | return el; |
| | | }; |
| | | select.change(function(e) { |
| | | var matcher = new RegExp( "" + $.ui.autocomplete.escapeRegex( $(this).val() ) + "", "i" ), |
| | |
| | | }) |
| | | .removeClass( "ui-corner-all" ) |
| | | .addClass( "ui-corner-right ui-combobox-toggle" ) |
| | | .css( { "width": 15, "height": elheight }) |
| | | .css( { "width": 15, "height": (elheight > 0 ? elheight : 16) }) |
| | | .click(function() { |
| | | // close if already visible |
| | | if ( input.autocomplete( "widget" ).is( ":visible" ) ) { |