Fun with Auto-Complete Widgets, Page 4
Figure 7 shows the YUI auto-complete combo box.
Figure 7: YUI Auto-complete demo
In this article, I have shown you the new Ajax-based web widget to auto-complete user queries. A lot of rich client interfaces feature this widget, especially on the latest AJAX-enabled web 2.0 sites. This widget offers a lot of benefits to the user and requires little effort to implement, if used with one of the popular AJAX libraries.
I have described three concrete implementations using Dojo, Scriptaculous, and Yahoo User Interface (YUI) libraries, but there are many more. I believe that if you have an option to implement this widget, your users definitely would have an easier time interacting with your site.
Download the Code
You can download the code that accompanies this article here.
- wikipedia: en.wikipedia.org/
- Google labs Auto complete: http://www.google.com/webhp?hl=en&complete=1
- Dojo: http://dojotoolkit.com
- Yahoo! User Interface Library (YUI): http://developer.yahoo.com/yui/
- Script.aculo.us: http://script.aculo.us
About the Author
Vlad Kofman works on enterprise-scale projects for the major Wall Street firms. He also has worked on defense contracts for the U.S. government. His main interests are object oriented-programming methodologies, UI. and design patterns.