jquery-autocomplete

Jquery autocomplete breaks the undo in IE, In case of textarea what may be the reason ? Try this, Open this link in IE http://jqueryui.com/demos/autocomplete/#multiple Type any text in input element, for example type 'a' select 'ActionScript' from menu now do backpsace to remove characters. Now do undo ctrl + z , It's not working why ? can any one explain ? Thanks in advance Paul T Davies I had a similar problem: Html text input undo not working In the end I found out that if any JavaScript updated any visual elements, all the text boxes on the page had their undo history reset. In my case it

I'm trying to do this http://jqueryui.com/autocomplete/#combobox The problem is that when I go with the mouse over an option, options will disappears and it cames out the advice: "x didn't match any item" where x are the letters that I wrote in the combobox. Now I post the script that is on the site: (function( $ ) { $.widget( "ui.combobox", { _create: function() { var input, that = this, wasOpen = false, select = this.element.hide(), selected = select.children( ":selected" ), value = selected.val() ? selected.text() : "", wrapper = this.wrapper = $( "<span>" ) .addClass( "ui-combobox" )

I am using a jQuery Autocomplete widget on a text input to replace a select drop down list. The suggest drop down opens up when a user clicks into the textbox. My solution works great in FireFox but works with a bit of a glitch in Internet Explorer 8. In internet explorer when an item is selected from the suggest drop down the suggest list disappears then re-appears for a brief second. I have no idea how to prevent this. I am using: (jquery) jquery-1.6.4.min.js (jquery UI) jquery-ui-1.8.16.custom.min.js Code Below <input type="text" style="width:200px;" id="txtPosTypeS" value="" /> var

Is there any way to trim (remove leading/trailing spaces) the input entered by a user into a jQuery auto-completing text <input> box before it is matched against the list of names:values? I currently have a textbox in which users are meant to enter names. The names are then matched against a list of name:value pairs by jQuery: <script type="text/javascript"> var resources = [ <?php foreach($data['Resource'] as &$row){ $Name = $row['Forename']." ".$row['Surname']; echo "{"; echo " label:'$Name',"; echo " value:'$row[EmployeeNumber]'"; echo "},"; } ?> ]; jQuery(function(){ jQuery('#Resource')

I have a problem positioning an element in certain browsers. I'm using the jQuery autocomplete found here . The div containing autocomplete values should be directly under the text box, and line up perfectly. The code sets the css left property of the div by using the left property generated by $(textbox).offset(); After un-packing the code to try and fix my problem, I get this: var a = $(textbox).offset(); element.css({ width: typeof e.width == "string" || e.width > 0 ? e.width : $(textbox).width(), top: a.top + textbox.offsetHeight, left: a.left }).show(); This seems like it should work, and

I'm using the jQueryUI autocomplete() function and I can't figure out how to have my form submit when an item is selected. I think the issue is with the select: event but I'm new with jQueryUI and can't figure out how to make this work. Here's my code which works fine otherwise: <script type="text/javascript"> $(document).ready(function() { $(function() { $( "#search_box" ).autocomplete({ source: function(request, response) { $.ajax({ url: "<?php echo site_url('autocomplete/suggestions'); ?>", data: { term: $("#search_box").val()}, dataType: "json", type: "POST", success: function(data){