Tuesday, June 23, 2009

A cool'n'simple search page using Google AJAX Search API, and some DHTML

In this article I'll demonstrate how easy it is, to create a usable webpage with some advanced technologies (such as fast asynchronous web search) in a very simple way, using a public API. You can see this in action at my personal website: http://www.kenegozi.com

Background

I've created this page since I wanted:

  1. A search oriented homepage that uses google as it's engine
  2. To be able to search and re-search without needing to point the cursor to the search field, nor use a lot of tab keystrokes
  3. A simple way to search my blog
  4. A cool root for my personal website

Using the code

Step 1: Initialization

The first thing we are going to do, is to create a minimal webpage markup


See full detail: http://www.codeproject.com/KB/ajax/CoolNSimpleGoogleAJAX.aspx

No comments: