Note that there are some explanatory texts on larger screens.

plurals
  1. POCant Figure Out Why jQuery.UI AutoComplete Positioning Breaks Down in IE 9 - It Works in IE 8, Firefox, Chrome -
    primarykey
    data
    text
    <p>The Page Can Be Found at: <a href="http://www.geobytes.com/index.php/moversratesballparkestimator" rel="nofollow">http://www.geobytes.com/index.php/moversratesballparkestimator</a><p> I have two autocomplete boxes on the above page. The Moving To City and Moving From City Boxes. After typing in three characters the Autocomplete does an Ajax call for city values. In IE 8, Chrome, And Firefox, the returned list is displayed below the input text box. I should mention this element is absolutely positioned. In IE 9 the list displayes at the windows 0 , 0 location (top left corner). I checked out the jQuery UI Autocomplete demos and they display properly in IE 9. So I am totally lost and any help would be greatly appreciated.<P> The only css changes I made were:<BR></p> <pre><code>.ui-menu .ui-menu-item a,.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; text-align:left; font-size:14px; } .ui-autocomplete-loading { background: white url("/images/ui-anim_basic_16x16.gif") right center no-repeat; } </code></pre> <p>and the javascript call is: <BR></p> <pre><code>jQuery( "#ff_elem184" ).autocomplete({ source: function( request, response ) { jQuery.ajax({ url: "/AJAX_query_city.php", dataType: "json", data: { value: request.term }, success: function( data ) { response( data ); } }); }, minLength: 3, select: function(event, ui) { var selectedObj = ui.item; jQuery( "#ff_elem184" ).val(selectedObj.value); ff_getdistance(selectedObj.value,jQuery( "#ff_elem189" ).val()); return false; }, open: function() { jQuery( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" ); }, close: function() { jQuery( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" ); } }); jQuery( "#ff_elem184" ).autocomplete( "option", "delay", 100 ); jQuery( "#ff_elem189" ).autocomplete({ source: function( request, response ) { jQuery.ajax({ url: "/AJAX_query_city.php", dataType: "json", data: { value: request.term }, success: function( data ) { response( data ); } }); }, minLength: 3, select: function(event, ui) { var selectedObj = ui.item; jQuery( "#ff_elem189" ).val(selectedObj.value); ff_getdistance(jQuery( "#ff_elem184" ).val(),selectedObj.value); return false; }, open: function() { jQuery( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" ); }, close: function() { jQuery( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" ); } }); jQuery( "#ff_elem189" ).autocomplete( "option", "delay", 100 ); </code></pre> <p>Like i said I am stuck because i use it in accordance with the docs and the demos work while mine do not. Now I should also mention that this is running in breezingforms component in joomla 1.6 and there is quite a bit of other jQuery javascript at work on this page. Thanks in advance for any help or suggestions.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload