i finally figured this out after a lot of trial and error.
for keyboard navigation of the suggestions menus to work you must have a
style rule for the element li.ac_over defined i your css. i was astonished
when i discovered this but after reading the script i think i have a notion
how this can be.
anyway, there it is. put a rule for li.ac_over in your style sheet.
On 4/6/09 6:52 PM, "Tom Worster" <f...@thefsb.org> wrote:
>
> I'm unable to make the keyboard selection of suggestions from the
> dropdown work in my project, otherwise it works fine and selection
> with the mouse is possible.
>
> I'm using safari 3 and ff3. Keyboard selection in the demos is working
> fine, so this seems not to be a browser issue. I've checked that I
> have the newest jquery.autocomplete.js plugin code. I've checked
> through the API docs and demo code and can't find anything that seems
> to enable or disable keyboard selection. I'm stuck and would be
> grateful for help.
>
> Here's the markup:
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
> www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <title>Test new suggest</title>
> <script src="jquery.js" type="text/javascript"></script>
> <script src="jquery.autocomplete.js" type="text/javascript"></script>
> <script src="suggest-test.js" type="text/javascript"></script>
> <link href="suggest-test.css" rel="stylesheet" type="text/css">
> </head>
> <body>
> <form method="post">
> <label for="artisttext">Artist</label><br>
> <p><input type="text" id="artisttext" name="artist" class="auto"></
> p>
> <p><input type="submit" name="submitform" value="Submit"></p>
> </form>
> </body>
> </html>
>
> And the script:
> $(document).ready(function() {
> $('#artisttext').autocomplete('suggest-test.php', {extraParams: {p1:
> 'as'} });
> $('.auto').setOptions({minChars: 2, delay: 200, max: 50});
> });
