YUI Library Examples: AutoComplete Control: Customizing Remote Requests

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:

YUI Logger Output:

Note: You are viewing this example in debug mode with logging enabled. This can significantly slow performance.

Reload with logging
and debugging disabled.

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.