We would like to add keyboard navigation to an already functional AJAX autosuggest form on our site.
The autosuggest form currently behaves like this:
- A user types in a search query
- Search results are shown, each result is displayed in a separate div
- A user clicks a search result to "lock" the search
- A user hits the Search button to submit the form
The requirements for this project are as follows:
- Users must be able to move up and down through the search results using the up and down arrow keys. The active result must be highlighted.
- If a user hits the up or down key to go past the last result or above the first result, the up or down key should trigger an existing JavaScript function to hide the search results.
- The escape key must trigger an existing JavaScript function to hide the search results.
- When a result is highlighted and the user hits the enter key, the key press must trigger an existing Javascript function that "locks" the search.
The existing form can be viewed here: http://www.apartmentbin.com. The solution must be written in JavaScript or jQuery.
I believe we have the skills, experience and expertise that can satisfy your requirements, and we will deliver completed excellent project to you promptly.