AutoComplete Widget :: Flickr XML

This example uses a DataSource that points to Flickr Web Services, which returns XML data via a simple PHP proxy. In order to return valid data from the Flickr application, scriptQueryParameter has been customized to be "tags", and scriptQueryAppend is used to pass in additional required arguments. The cache has been disabled so that each query is forced to make a trip to the live application.

This instance of AutoComplete defines a robust custom formatResult function that parses result data into custom HTML markup that displays an actual image from the Flickr server. Automatic highlighting of the first result item in the container has been disabled by setting autoHighlight to false.

Enter Flickr tags to find a photo (separate with commas):

Sample Code

CSS:

Markup:

JavaScript: