ajax autosuggest or autocomplete
When we need to enter data into an input form element , but need strict data ( like in select), but the amount of possible data is too big, we can make use of an ajax autosuggest, or autocomplete to guide the user. In this post I’ll try to present some solutions for this.
FaceBook Like - jQuery and autosuggest Search Engine
Features :
- Autosuggest and ajax support
- Support search plugins
- Support cache
- Cross Browser support ( IE > 5.5, FireFox, Safari, Opera )
TextboxList meets Autocompletion
This one use mootools-beta-1.2b1.js, and can be customized , like minimum number of chars that trigger autocompletion.Also it has a cache feature, so is very responsive.
As it names sais, requires jquery.
from the site
- Supports local data array (can now use w/out AJAX).
- Limit dropdown to XX number of results (good for limiting the results to users)
- Autofill pre-populates text box as you type
- New findValue() method can be used to programmatically determine if the value in the box is a valid option. (Useful for verifying the text entered is an existing value option.)
- Dropdown options now correctly re-position themselves on each display (which means they adjust for changing to the DOM)
- Dropdown box defaults to the width of the input field its attached to (you can manually specify a larger width as well)
- Better emulates Windows autocomplete boxes (for example: hitting delete and retyping the same box will now bring back the dropdown menu)
AJAX - Powered AutoComplete (for Prototype.js)
Prototype based, seems to support xml, multicolums and more…
A mootools solution, unobtrusive and customisable, is able to load data from a json or xhtml source.
I am sure there are more resources of this type, so please if you know any, don’t hesitate to write me about. I will add in this list as soon as possible. Thank you.
thanks a lot for this post