Solved

Google's Intelli-Sense Design

Posted on 2007-11-14
5
157 Views
Last Modified: 2010-04-21
I'm curious, whats the best way to implement the design of this? I know it's Ajax driven, which I know how to do, but what is the actual drop down? Is it a custom select box, or something else?

TIA
B.D.
0
Comment
Question by:Big Monty
  • 2
  • 2
5 Comments
 
LVL 6

Expert Comment

by:TheKyle
ID: 20285860
Is this what you're talking about...
http://www.google.com/webhp?complete=1&hl=en

If so, then Google is doing it with a table.  You could also just as easily do it with a div or unordered list.  Then you'd just use CSS to style it up the way you want.
0
 
LVL 32

Author Comment

by:Big Monty
ID: 20285950
ya thats what im looking to do.

im mostly a web programmer with average design skills. do you have any examples on how i could use divs? my css knowledge is very basic.
0
 
LVL 6

Accepted Solution

by:
TheKyle earned 125 total points
ID: 20285959
A quick google search gave me this tutorial...
http://www.webreference.com/programming/javascript/ncz/column2/

You might do some more searching on "auto suggest".  That's kind of the term that's usually used to describe what Google is doing on the main search page.
0
 
LVL 16

Expert Comment

by:ThinkPaper
ID: 20290743
0
 
LVL 32

Author Closing Comment

by:Big Monty
ID: 31409240
just what i was lookng for, thx
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now