Solved

Google's Intelli-Sense Design

Posted on 2007-11-14
5
156 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
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
0
 
LVL 32

Author Closing Comment

by:Big Monty
Comment Utility
just what i was lookng for, thx
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

763 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

12 Experts available now in Live!

Get 1:1 Help Now