Busqueda Instantanea

[Master_raven]

Buenas, quisiera hacer una busqueda instantanea, es decir que al momento que vallas escribiendo te valla mostrando los resultados algo asi



esto es lo que e logrado hasta ahora

Código Javascript:

function BuscaDatDep(Ext,Bus,Div,Acc){
        resul = document.getElementById(Div);
        
        data="Acc=" + Acc + "&Bus=" + Bus + "&Ext=" + Ext;
        document.getElementById('Res01').style.display = "block";
 
        ajax=NuevoAjax();
        ajax.open("POST", "_php/NewBusca.php",true);
        ajax.onreadystatechange=function() {
                if (ajax.readyState==4) {
                        resul.innerHTML = ajax.responseText
                }
        }
        ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        ajax.send(data)
}
 

Código HTML:

<table border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td>Nivel Academico</td>
    <td><select name="ac" class="SelectInformacion">
        <option value="0">Selecciona una Opcion</option>
        <option value="1">Primaria</option>
        <option value="2">Basicos</option>
        <option value="3">Diversificado</option>
        <option value="4">Universitario</option>
    </select></td>
  </tr>
    <td>Departamento&nbsp;&nbsp;</td>
    <td><input type="text" name="depto" class="CajaInformacion"  maxlength="128" onkeypress="BuscaDatDep('GTM',this.value,'Res01','Depto')" />
 <div id='Res01' class="StyleDisplay"></div>   
    </td>
  </tr>  
</table>
 

Código CSS:

.StyleDisplay {
    position: absolute; 
    background:#b6b6b6;
    display:none;
    z-index: 500;
    width: 300px;
    border:#cccccc 1px solid;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px; 
}
 

Código PHP:

<?php
include_once "../../includes/DBAconfig.php";
$Enlace = Conectar();
 
if (isset($_POST['Acc']) && $_POST['Acc']=="Depto") {
    $Ext = $_POST['Ext'];
    $Bus = $_POST['Bus'];
    
$Respuesta = mysql_query("SELECT * FROM `q_depto` WHERE `ps_cod` = '$Ext' AND `name` LIKE '$Bus%' LIMIT 4",$Enlace);
 
    if (mysql_num_rows($Respuesta)!==0) {
        while ($Rows = mysql_fetch_array($Respuesta)) {
            echo "&nbsp;&nbsp;&nbsp;<a href=\"javascript:Cinfo('" . $Rows['name'] . "');\" title='Click para seleccionar'>" . $Rows['name'] . "</a><br />";
        }
    } else {
        echo "&nbsp;&nbsp;&nbsp;Sin Resultados";
    }
}
 
if (isset($_POST['Acc']) && $_POST['Acc']=="Muni") {
    $Ext = $_POST['Ext'];
    $Bus = $_POST['Bus'];
    
$Respuesta = mysql_query("SELECT * FROM `q_depto` WHERE `ps_cod` = '$Ext' AND `name` LIKE '$Bus%' LIMIT 4",$Enlace);
 
    if (mysql_num_rows($Respuesta)!==0) {
        while ($Rows = mysql_fetch_array($Respuesta)) {
            echo "&nbsp;&nbsp;&nbsp;<a href=\"javascript:Cinfo('" . $Rows['name'] . "');\" title='Click para seleccionar'>" . $Rows['name'] . "</a><br />";
        }
    } else {
        echo "&nbsp;&nbsp;&nbsp;Sin Resultados";
    }
}
?>
 

Bueno lo que quiero es mejorarlo y se que ustedes me ayudaran
si ay algun escrip ya echo les agradeceria me lo mensionaran

Si alguien lo necesita o le puede servir asi como esta me lo puede pedir y yo les mando una copia :)