AutoComplete minChars not working
I went to the jQuery autocomplete plugin page that uses the Jorn Zaefferer plugin and downloaded the zipped examples. It has a lot of functionality, and was relatively easy to use. The problem is if I try to set the minChars value to anything but one or zero. If I do this, without making any other changes, I get nothing at all in the suggest box that should appear once I've typed the number of keys specified by the minChars option. I change it back to one or zero, and it works. This is really frustrating.
Combobox and next page
I want to implement a next page (more results option) on my combobox, how can I do this? Im using the combobox future from Autocomplete (http://jqueryui.com/demos/autocomplete/#combobox).
Cloning Elements with Autocomplete
How do you clone elements that have an autocomplete and have the autocomplete apply separately to the new element? Right now I clone the element withDataAndEvents but the autocomplete triggers the original input instead of the cloned input. Is there some way to avoid this behavior?
Autocomplete widget
Hi all, (sorry for the double post - didn't see the first one go through) I'm new to jquery and have a couple of questions. In the code below I have to return(false) in order for the #autocomplete input not to be updated by the value (rather than the label). It initially updates the label and then as the code continues to run it switches it back to the value. Am I doing something wrong? More general ajax question - I'd like to send a second parameter that changes with changes made to the value
Two questions on autocomplete
I'm new to jquery but am getting more comfortable as I go. I have a specific question on the ui autocomplete widget and, probably a general jquery/ajax question. Here's what I'm trying to do: Use an input box to update a field with a label and a hidden field with a value. This works fine but as you can see in my code below, I need a return(false) because after #autocomplete is populated with the label, it then reverts back to the value without this call. This doesn't seem right to me but the
[autocomplete] wrong result
Hi, i have this autocomplete: $('#str_cerca_auto').autocomplete( '/handler/get_articoli_suggeritore.ashx', { delay: 5, minChars: 1, matchSubset: false, matchContains: false, cacheLength: 10, autoFill: false } ); $('#str_cerca_auto').result(function (event, data, formatted) { if (data) { if (data[1]
Autocomplete list with additional row
I need to add to every results list custorm row with "show more" text. How to do that?
[AutoComplete] Error in IE8
Getting this error in IE8, didn't check other IE versions. Works in FF. Any ideas? Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2) Timestamp: Fri, 5 Mar 2010 18:16:05 UTC Message: 'name' is null or not an object Line: 12072 Char: 6 Code: 0 URI: http://dev-cf1/Derek/index.cfm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
BlockUI and Autocomplete
I cannot get the autocomplete plugin to work inside of a blockui element. I am using the blockui to act like a modal dialog window that displays a textbox for username. I tried setting the z-index but that does not seem to work. When I move the autocomplete outside of the blockui element (on my regular page), the plugin works fine.
Help required to fix 5530
Would someone be able to help me fix this ticket please? http://dev.jqueryui.com/ticket/5530. Not sure if this ticket has been picked up and assigned yet. I've not done much by way of JQuery widget development before but either need to fix this or create my own widget. Any help greatly appreciated. Thanks M
AutoComplete - Default List All
I'm trying to use the AutoComplete plug-in to do a preliminary search when a user first focuses on the textbox. I've read several posts, and this doesn't seem possible. The search method should work, but that only returns the search in ajax and unfortunately does not display the list. I believe this has to do with a focus counter in the source code. I believe one user has modified the code to have this behavior work (using 'focus: true,' in their mod), but I'm hoping I'm missing something.
[autocomplete] animated list
My application is using the fancy jquery effects and having put into it the autocomplete of Jorn Zaefferer (big thanks to him for that!) I tweaked it with css a bit, but I was missing some nice fading effect while showing the suggestion list. Changing two things in the code: .. hide: function() { element && element.hide(); to .fadeOut("fast"); .. show: function() { .. }).show(); to .fadeIn("fast"); made it more fancy;) well at least for my taste ;) adding an
Autocomplete to new appended items..
Hello.. I want make autocomplete work with any new appended items in my page. f.e. here is my code: $(document).ready(function(){ $(".insert").live("click", function(){ $("tr:has(.insert)").append("<td><input type='text' name='product_id' id='product_id' /></td>"); $("#product_id").autocomplete("getValues.jsp",{ extraParams: {action:"getProducts"} }); $(this).attr("class", "remove"); $(this).text("Remove"); $(".pricing_tbl").append("<tr><td class='insert'>Add</td></tr>"); }); $(".remove").live("click",
autocomplete: callback on mouseover of list items
Hi, I'm using the autocomplete plugin. I was wondering if you can perform a callback when items in the dropdown list are highlighted. obviously you can perform a callback when an item is selected but, I'd like to perform a callback by simply scrolling over the items. Thanks.
.autocomplete("search","") isn't updated to reflect recent dataase changes while application is running.
I am using autocomplete on a text box. The initialization is a follows: $(Initialize); function Initialize() { $("input#Employer").autocomplete( { source: "/Home/GetCompanyItems" , minLength: 0 , select:
Autocomplete from SQL Source
Im developing a small website using VBScript ASP, and i would like to have a field which uses autocomplete, and the values are generated from a database. For example, i have a table called CallVendors. So i want to: SELECT Vendor FROM CallVendors order by Vendor. These should populate the autocomplete field. Is this possible?
New Combobox Widget
Hi jQuery UI team, I am trying to extend the Autocomplete widget to be use as Combobox with additional button next to the textbox. I found no Combobox development and I think this widget would be useful event just a little bit modification from Autocomplete. I am jQuery UI lover and freely to contribute to design this plus some more widget that not in your development right now. This Combobox not only modified from html select option as shown in the Autocomplete example but also can be used by html
jquery.autocomplete ie8 problem with multiple selects
In the demo page, the multiple bird example does not work with internet explorer. The first selection works great, but the 2nd thru the last, returns the text string typed instead of the selected item. The selected item shown at the bottom of the page is correct. For example, if for the 2nd item you type 'b" and select "Great Bittern" then "b," is shown in the text box instead of "Great Bittern,". The sample works great using firefox. After looking at the issue a bit more, if you use the <enter>
[Autocomplete] issue when changing a previously selected value
[Autocomplete] issue when changing a previously selected value I'm using autocomplete and have it using Json formatted replies. It's working very smooth and I have it in place in several places all over my projects. Just found what looks like a bug but could also be a configuration error from my side. The process is that Autocomplete takes what's input into the field, searches using the value and when a value is found and selected it populates the searched field with, say a name, and a hidden field
Autocomplete Combo - the list shows all the items
When I click on the icon to show the list, it shows ALL the items in the list. For the case where I have items > 10, the list goes beyond the content holder and the page starts having a vertical scroll. I need to be able to specify somewhere that I only want to show 10 or less items and if there are more items just have a scroll bar in the display div. In one of my usages (bear with me) I have 3000 items. Even in the demo example if you just increase the number of items (languages to say 30) the
Autocomplete widget - autocompleteselect event not properly indicate the textbox value
Hi, I am using autocompleteselect and found that getting the textbox value in the event is not persist. This is my test code: input.bind("change", function() { $("p#test").html($("p#test").html() + "change(" + input.val() + "), "); }); input.bind("autocompleteselect", function(event, ui) { $("p#test").html($("p#test").html() + "autocompleteselect(" + input.val() + "), "); }); input.bind("autocompletechange", function(event,
AutoComplete and select: ui.item.id
I am just using autocomplete for the first time and tried the code below. But ... In the "select;" below, the ui.item.value displays correctly but the ui.item.id displays "undefined". Why doesn't the "ui.item.id" display either "Test1" or "Test2". Thanks $(document).ready(function() { $("#<%= autocomplete.ClientID %>").autocomplete({ source: [{ "value": "Test1val", "label": "Test1" }, { "value": "Test2val", "label": "Test2"}] , select: function(event, ui) {alert("Selected:
autocompleteclose ui is undefined
I have .bind('autocompleteclose', function(event, ui) { alert(ui.item.label); return true; })attached to my autocomplete(), but when the autocomplete closes, I get the error: ui.item is undefined alert(ui.item.label); Is this a bug or is something else going wrong?
autocomplete IE7 ie8 problem with multiple selects
This question form http://forum.jquery.com/topic/jquery-autocomplete-ie8-problem-with-multiple-selects: In the demo page, the multiple bird example does not work with internet explorer. The first selection works great, but the 2nd thru the last, returns the text string typed instead of the selected item. The selected item shown at the bottom of the page is correct. For example, if for the 2nd item you type 'b" and select "Great Bittern" then "b," is shown in the text box instead of "Great Bittern,".
[Autocomplete] - how to turn off automatic selection of first item on the match list
Hi All - I recently got an autocompete search field up and running on a Shopify store, which you can see live here - Things At Home . I don't want the first item in the match list selected, unless a user hits down on their arrow keys. I thought I had set the correct option "highlight: false," but that doesn't seem to work - very strange. The JS I am using is: <script type="text/javascript"> var data = [ {% for tag in collections.all.tags %} {text:"{{
Autocomplete 1.1 (from Jorn Zaefferer) issue on iPad
I just got the chance to test my implementation of Autocomplete 1.1 on an iPad... The autocomplete box pops up in the lower right hand corner of the webpage instead of under the text box. Any thoughts on how to correct this would be appreciated!
Solution for restricting input values to the source returned by autocomplete
I spent most of my day trying to implement input "validation" on a field employing the jquery ui autocomplete feature. I'm not experienced enough with javascript to truly understand how terrible I am at it, so please be kind. Problem: The out of the box autocomplete examples allow users to enter anything they want into the autocompleted field. Ideal Behavior: If, upon field exit, the value left in the field does not match what any of the items returned by the source property, clear the field and
[AutoComplete] *requesting* multiple values (NOT displaying multiple values)
Hi, currently, the AutoComplete pluging (with 'multiple' option either set to true or to false), is requesting the server with the last word entered into the UI control (input or textarea). Isn't it ? I would be very pleased to be able to request the server with all the values entered into the UI control - not only the last one. Why ? because we could imagine a need where the response given by the server does not depend only on what the user is entering as its last value -> Imagine an input field
Autocomplete 'select' event in IE7
$('input#main_search_input').autocomplete({ source: '/ajax/autocomplete/search.php', minLength: 3, select: function(event, ui) { alert('DEBUG: select event'); if(ui.item.id.substr(0,3) == 'cat') { document.location = '/store/home.php?cat=' + ui.item.id.substr(4); } else { $('form#main_search_form').trigger('submit'); } }, open: function(event, ui) { $('.ui-autocomplete li:nth-child(2n)').addClass('odd'); } }); Using the code above, the alert never gets called in IE 7 when I select a drop down result
Simulating Autocomplete with Selenium
What's the best way to simulate selecting an item in an autocomplete with Selenium. Firing off a click on the link, doesn't seem to do it. Focus first?
Using autocomplete with input created by appendTo
Hi I have created a script to add a text input field to a form using appendTo once a link has been clicked. I am trying to use autocomplete on the input field but I am not having any luck. Any information as to why and how I can fix the problem would be appreciated!
Autocomplete accents filter
Hello there. I'm currently trying to (just practice for personal use: I'm no real developer) make an autocomplete that takes data from a MySQL database. While I've already got it working with JSON, I tried looking for a string with an accented character ("cráneo"), and it wouldn't work. Is there a way to implement this into Autocomplete? It already isn't case-sensitive, but given the spread of some latin characters (like "áéíóú"), it would be nice if it could do it as well (Google-like). It could
Problem: autocomplete post hidden input values to the query page
Hi, I have an autocomplete script using for some purposes. I have modified (added) some custom javascript to use it for my job. It is used with (multi) step by step selection. Like "select the cities you have been ever". If a user selects a city its value is passed to a hidden input and after that if user can select another city and its value is added to the input and so on, which are splitted by brackets (like 11,43,65) The problem is, I want the user can not see the city he/she just have selected.
Autocomplete, the menu and the element bound to.
Hi all Having problems running some code based on one of the samples with a custom source so using an ajax request. Works up to the point when a value is selected. The input field is set with the value of the option rather than the label. This seems to happen in the menu widget when it sets self.element.val(item.value) which would work fine if the autocomplete was created on the select but it isn't in the sample. Its set on the input. If I change the code to create the autocomplete on the select
Autocomplete 1.1 (from Jorn Zaefferer) issue in IE8 - selected value disappears
I am using Jorn's autocomplete, and it works flawlessly in Firefox 3.6.3. In IE8, however, once I've selected a value from the autocomplete list, it vanishes from the text field I'm selecting it for. Now, it is actually maintained by the page (this is a search page, and once I click the search button, it is correctly performing the search with the value I chose). Also, if I mouseover the text field, the value appears and stays. But, if I tab or click into the field, it only stays as long that
auto-complete plug-in patch for custom callback to auto-populate form based on selected results
In regards to the 'autocomplete' plugin available from Jörn Zaefferer. I needed some added functionality to query a server after a user selected an item from your autopopulate list to then populate an existing form. Here is my solution... Added functionality of a callBack option Add the following three lines on or near line 235 $input.trigger("result", [selected.data, selected.value]); +if(options.callBack){ + options.callBack(selected.value); +}Now just add your callBack option with your custom
[autocomplete] objects received on events
Hi all autocomplete on UI 1.8. I was wondering how to access the result list for the autocomplete? What is "ui" object received in the change event? cheers
Autocomplete by JÖRN ZAEFFERER Link Question
So I've managed to do everything I needed, including adding extra parameters. The only problem is that I don't know how to make the results follow the href. Could someone help me out? $("#q").autocomplete("/a_complete.php", { dataType: 'json', parse: function(data) { var rows = new Array(); for(var i=0; i<data.length; i++){ // rows[i] = { data:data[i], value:data[i].name, result:data[i].name }; rows[i] = { data:data[i], value:data[i].pos, value:data[i].team, value:data[i].url, result:data[i].value
Using the AutoComplete UI with Asp.Net, MVC and VB.Net
Can someone please offer some help/advice with the following: I currently have the following block of Script on my .Aspx page: $(document).ready(function () { $("#txtFirstContact").autocomplete({ source: 'http://localhost:7970/Home/FindSurname/', minLength: 3 }); }); And I have the block of code on the MVC Controller: Function FindSurname(ByVal q As String, ByVal limit As Integer) As JsonResult
Autocomplete - using autocomplete on dynamically added form element
Hi, I'm using the tutorial here http://www.dustindiaz.com/add-remove-elements-reprise/ To dynamically add extra elements to a form. When I do this, autocomplete only works on the original form elements. I tried calling: var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" "); $("#foo").autocomplete(data); after adding my new input with id='foo' but that still doesn't work. I notice that when I view the id's in FIrefox using
Next Page