YUI Library Examples: AutoComplete Control: Customizing Remote Requests

Yahoo! recommends YUI 3. Learn about YUI 3 on YUILibrary.com.

Sample Code

Data:

{
 "query": {
  "count": 1,
  "created": "2011-06-11T06:36:04Z",
  "lang": "en-US",
  "results": {
   "RDF": {
    ...
    "item": [
     {
      "about": "http://sfbay.craigslist.org/pen/bik/2433636482.html",
      "title": [
       "1984 Schwinn High Sierra Mountain bike  excellent condition a must see (san mateo) $185",
       "1984 Schwinn High Sierra Mountain bike  excellent condition a must see (san mateo) $185"
      ],
      "link": "http://sfbay.craigslist.org/pen/bik/2433636482.html",
      "description": "For sale is a vintage 1984 Schwinn High Sierra mountain bike...",
      "date": "2011-06-10T21:35:18-07:00",
      "language": "en-us",
      "rights": "Copyright © 2011 craigslist, inc.",
      "source": "http://sfbay.craigslist.org/pen/bik/2433636482.html",
      "type": "text",
      "issued": "2011-06-10T21:35:18-07:00"
     },
     {
      "about": "http://sfbay.craigslist.org/sby/for/2433581609.html",
      "title": [
       " $25 storage box from the Dominican Republic rep dominicana (gilroy)",
       " $25 storage box from the Dominican Republic rep dominicana (gilroy)"
      ],
      "link": "http://sfbay.craigslist.org/sby/for/2433581609.html",
      "description": " $25 storage box from the ...",
      "date": "2011-06-10T20:35:06-07:00",
      "language": "en-us",
      "rights": "Copyright © 2011 craigslist, inc.",
      "source": "http://sfbay.craigslist.org/sby/for/2433581609.html",
      "type": "text",
      "issued": "2011-06-10T20:35:06-07:00"
     },
     ...
    ]
   }
  }
 }
}

CSS:

Markup:

JavaScript:

Configuration for This Example

You can load the necessary JavaScript and CSS for this example from Yahoo's servers. Click here to load the YUI Dependency Configurator with all of this example's dependencies preconfigured.

YUI Logger Output:

Note: Logging and debugging is currently turned off for this example.

Reload with logging
and debugging enabled.

AutoComplete Control Examples:

More AutoComplete Control Resources:

All YUI 2.x users should review the YUI 2.8.2 security bulletin, which discusses a vulnerability present in YUI 2.4.0-2.8.1.