Help to display the contents as like in the google suggest

[gsathish86]

Hi,

Have you ever gone into this link http://www.google.com/webhp?complete=1&hl=en
This is google suggest.
Go once.  You will have a search box as same like google search.

if you type a letter in that box, a list is dropped down with the letter combinations.
My doubt is how they make that possible.

If anyone knows pls tell me.

I think that is the text box and after typing the letters it fetches from the DB and display the items in the list.

Whether it is the combination of text box and list box or is there any other control for that.

Is there any control like that in html.

Pls let me know....

Thanks in advance
Sathish 

[arun]

thanks buddy...i thinik it's sixth sense detection..but it's not more effective than yahoo search detection...

but, it's nice labs....well...check this site  http://www.archive.org/web/web.php  it guides u to check the history of all sites...

very cool & intersting and i hope no 1 ever gone this site....

-- Arun............

[gsathish86]

Hi Acumens,

I found out that how the textbox control in the google suggest works.
We can do this in two different ways.

1.Using AjaxControlToolkit's AutoCompleteExtender
2.By writing our own function and interfaces.

Google approaches the second way.


1.Using AjaxControlToolkit's AutoCompleteExtender

The general idea was that I would allow the user to select a filter column from a drop down list.  Then as they key in characters into the adjacent textbox I would use the AjaxControlToolkit's AutoComplete extender to suggest some values to filter by. 


Here is the code:

<asp:TextBox id="text1" runat="server" />
<ajaxToolkit:AutoCompleteExtender id="AutoComplete1" runat-"server" TargetControlId="text1" >

Next we need to do some logical coding there to fetch from the DB and display.

2.Google's method:

Google Suggest returns suggested results as you type... This is technically amazing on about at least two different levels:


1.How fast this is... I type pretty fast, and it updates with every single keypress...

2.The cool web interface...

Google wrote their own java script to drive the dynamic interface.

For more details refer the blogs.

Thanks and regards,
Sathish Kumar.