hello friends, i am using autocomplete in a possibly right to left environment, hence i needed 2 changes:
1. putting the loading gif to the left (done in attached code); 2. putting the scrolling bar to the left. here i'd appreciate your help with a solution. thanks in advance, alex
jquery.autocomplete.js
Description: JavaScript source
.ac_results { padding: 0px; border: 1px solid black; background-color: Window; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background : Window url('indicator.gif') right center no-repeat; } .ac_loading_rtl { background : Window url('indicator.gif') left center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: HighlightText; } .ac_moreItems { text-align: center; background-color: InactiveCaption; color: InactiveCaptionText; margin: 0px; padding: 0px 5px; cursor: default; display: block; width: 100%; font: bold menu 12px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; }