Tutorial: Implementing Instant Search with YUI AutoComplete and the Yahoo Search API

Blog
About

Site Search:

Tutorial: Implementing Instant Search with YUI AutoComplete and the Yahoo Search API

May 15, 2008 at 6:38 am by Eric Miraglia | In Development |

O’Reilly’s InsideRIA blog has a feature up that steps through the creation from scratch of a sample YUI implementation. The sample application implements an Instant Search feature using YUI AutoComplete backed by the Yahoo! Web Search API. This is the same treatment we use on the YUI web site to power the search box at the top right corner of the header. It searches developer.yahoo.com and yuiblog.com for relevant content and populates the AutoComplete suggestion container with likely destinations based on what’s been typed in the search field. The tutorial shows you how to apply this treatment to your own site while searching the domain or domains of interest to your users.

The InsideRIA piece is cast as an introduction to YUI for those who have not explored the library, so check out the first few sections in particular if you’re looking for a compact YUI overview. If you’re an experienced YUI implementer interested in the the Instant Search functionality, skip to the “Building Your First Application” section about a third of the way in.

Share and extend: Bookmark with Yahoo! My Web | Bookmark with del.icio.us | digg it! | reddit!

Tags: yui, instant-search, autocomplete, yahoo search, api

No Comments yet »

RSS feed for comments on this post. TrackBack URI

Yahoo! User Interface Blog