รวม 10 AJAX/JQUERY AUTOCOMPLETE TUTORIALS/PLUGINS
หน้าแรก jQuery รวม 10 AJAX/JQUERY AUTOCOMPLETE TUTORIALS/PLUGINS
Today we are sharing you our compilation of best Ajax and jQuery autocomplete and autosuggest tutorials and plugins with examples. People these days want an instant search and for this, search engines like Google are doing just this. Enjoy!
Related Posts:
10 jQuery Search Scripts
jQuery AutoForm Script Easy Form AutoComplete
1. Ajax-Driven JavaScript ComboBox with Autocomplete
dhtmlxCombo is a cross-browser JavaScript combobox with an autocomplete feature. It extends basic select box functionality and provides the ability to display suggestions while a user types in the text field.
SOURCE + DEMO
2. Yahoo and Google Suggestions jQuery Search Box
Learn how to create Yahoo Google suggestions search box in this post.
SOURCE + DEMO
3. WICK 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 forms semantics and accessibility.
SOURCE
DEMO
4. PrimeFaces: jQuery AutoComplete
Multiple selection feature for PrimeFaces jQuery AutoComplete has been a popular request and with 3.1, weve decided to bring it. Initial implementation was based on a simple input text and values were separated with commas but it didnt match the coolness standard of PrimeFaces so weve decided to implement it Facebook style.
SOURCE
DEMO
5. Ajax-Based Multiselect jQuery Autocomplete Control in ASP.Net
Here, we will use jQuery UI Autocomplete Control. To get the Data using AJAX, here we will try Handlers of ASP. Using Handlers against simple asp.net page is that, if we will use ASPX page then it will go through all the phases of page (nearly 1o) whereas Handler is faster than ASPX page.
SOURCE + DEMO
6. Autosuggest / Autocomplete with jQuery, Ajax, XML, PHP
The jQuery Autocomplete class adds a popdown menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the up and down arrow keys, selecting a value using the tab key. The values for the suggestion list are to provide as XML (by a PHP script, or similar).
SOURCE
DEMO
7. FCBKcomplete v 2.8.4
Fancy Facebook-like dynamic inputs with auto complete & pre added values. If you have any comments or requests, please post it and I will try to include all the requested features in the upcoming release.
SOURCE
DEMO
8. A fancy Apple.com-style jQuery search suggestion
Make sure you check out the demo (or visit Apple.com) to see this awesome effect work. This example makes use of several techniques: MySQL (for the database), HTML/CSS for styling, PHP for retrieving the data and jQuery for the AJAX request.
SOURCE
DEMO
9. AJAX Search Suggest with jQuery
To recreate the search suggest feature, were going to use jQuery and a small amount of PHP to query the server for search terms. To allow these two scripts to communicate, well make use of AJAX passing a string containing the search term from jQuery to PHP.
SOURCE
DEMO
10. Easy-To-Use jQuery-Ajax Autosuggest Plugin
This jQuery Ajax autosuggest plugin has the usual functionality with a little extra flexibility: multiple instances, passing custom parameters, the id and the value are returned, keyboard-controlled, and a few others Almost anything you need from an autosuggest plugin you can do with the built-in options!
SOURCE
DEMO
อ้างอิง: http://www.jquery4u.com/ajax/10-ajaxjquery-autocomplete-tutorial-examples/
more: http://ajaxdump.com/2010/08/11/10-cool-auto-complete-scripts-using-ajaxjquerymootoolsprototype/
ขึ้นไปด้านบน