[Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 164
  • Last Modified:

Google's Intelli-Sense Design

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
Big Monty
Asked:
Big Monty
  • 2
  • 2
1 Solution
 
TheKyleCommented:
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
 
Big MontySenior Web Developer / CEO of ExchangeTree.org Author Commented:
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
 
TheKyleCommented:
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
 
ThinkPaperCommented:
0
 
Big MontySenior Web Developer / CEO of ExchangeTree.org Author Commented:
just what i was lookng for, thx
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now