Logo
 

Xtinct Tutorials: Google Suggest
Introduction | The HTML | The JavaScript | The PHP | The CSS | Final Thoughts

What are we making?
Search for a movie!

 
Why write the tutorial?

While creating a web application, I found that a Google suggest type input box would really enhance the user's experience. Having never utilized AJAX before, I was totally reliant on tutorials to help me along the way. While I was able to peice together what needed done, I never found a tutorial that showed how to build a streamlined and simple suggest box, so when I completed the project I decided to write a tutorial of my own..

In this tutorial I will explain how I wrote my AJAX suggest text box above utilizing only HTML, JavaScript, PHP and CSS. The example is fairly simple, requires mainly knowledge of JavaScript, and attempts to mimic the functionality of Google Suggest.

Tutorial Info:

Below is a list of files, and a link to download them as a .zip. Please read the modification notes on the Final Thoughts page before downloading.

5 Files:
   database.php
   ie.css
   index.html
   style.css
   suggest.js

   Download (zip)

 

Step 1: The HTML

 
Home | Portfolio | Tutorials | About | Contact
Site designed by Xtinct Designs
© Xtinct Designs 2007