Thursday, January 27, 2011

10:22 AM

Autocomplete and Autosuggest search  is a common feature available in lot of web tools and services. You will find lots of implementation of autocomplete features. Let us see 10 Sample Ajax Autocomplete-Autosuggest feature such as sample ajax, jquery autocomplete, jquery auto suggest, jquery plugin, ajax auto keyword search, ajax drop down search list, jQuery plugin  Autocomplete…etc.

When we need to enter data into an input form element, but need strict data (like in select) and 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. it free download for test all sample ajax.



1. 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 )




2. 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.





3. jQuery Autocomplete Mod


As it names says, 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)




4. AJAX – Powered AutoComplete (for Prototype.js)


Prototype based, seems to support xml, multicolums and more…



5. Autocompleter


A mootools solution, unobtrusive and customisable, is able to load data from a json or xhtml source.







6. AutoComplete from phpguru.org


A Javascript library which provides an autocomplete dropdown which you can attach to one or more form inputs (typically text inputs, or textareas). It functions the same as the Internet Explorer autocomplete dropdown, and works on MSIE, and Firefox (tested on IE6, 5.5 & 5 and Firefox 1.0.1).



7. WICK AutoComplete


This is WICK, the Web Input Completion Kit, an evolving framework that leverages web standards such as JavaScript, DOM and CSS to facilitate textual input in form UI elements assisted by local and remote data sources. This framework strives to remain unobtrusive and preserve a form’s semantics and accessibility.



8. jQuery Plugin: Auto Complete


Auto-complete takes input from the user, and tries to form a list of words that match the users input. The function attaches itself to the input field selected, and also creates the UL drop down from within so all you need is have the styles for it ready.


9. jQuery autocomplete


Features

  • AJAX support
  • Caching and subset matching for speed
  • Various options and hooks for customization


10. jQuery plugin: Autocomplete


Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering. By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from. By entering more characters, the user can filter down the list to better matches.



0 comments: