Código HTML:
<html>
<body>
<script language="javascript">
var xhr=false;
function startAjax(){
if(window.XMLHttpRequest){
xhr=new XMLHttpRequest();
}else{
try{
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
if(xhr!==false){
var name=document.getElementById("name").value;
//archivo.php es en donde te conectas y haces la consulta
xhr.open("GET","archivo.php?name="+name);
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
var r=xhr.responseText;
if(r.length>0){
var div=document.getElementById("posibles");
div.innerHTML+=r+"<br />";
}else{
clearTimeout(timer);
}
}
}
}
xhr.send(null);
}
var timer=setTimeout("startAjax()",100);
}
</script>
<input type="text" name="name" id="name" onclick="startAjax()" onblur="clearTimeout(timer);" />
<div id="posibles"></div>
</body>
</html> Lo unico que deberias hacer es fijarle un ancho y alto al div, y acomodarlo debajo del input =)