Mixing Bing ver. 7, JQuery and JQuery UI with a simple search box.

Working with the Bing API is not so difficult but the most important thing is waste sometime reading and looking the examples in the Big documentation. JQuery is another powerful tool for work more easier JavaScript.

In this example we are going to make that while we are writing in a TextBox, indeed is an Autocomplete, it search in the Bing and if there are more than one result we'll show it as a list of the Autocomplete.

Here is the code, for the easier way to test it, I mixed all in the same *.html.

These are the results:

Is mandatory  to use a Key from Bing to test this code. Make yours before start.

 







searchBox: