Xajax Autocompletar

[javijar]

Quisiera que me dieran algun ejemplo de autocompletar en Xajax con un cuadros de texto al estilo de Google Suggest (http://www.google.com/webhp?complete=1&hl=en). Tras escribir la primera letra, me muestre los resultados que provienen de una base de datos MySQL.

He encontrado ejemplo en ajax pero lo necesito en Xajax.

[gersveo]

Uyy yo me le apunto, tambien quiciera saber como se hace un auto completar en xajax.
Solo una pista de como se hace.
Lo que necesito es saber como hago para que aparesca un div o un span debajo de la caja de texto donde se está escribiendo y que con el mouse pueda seleccionar una de las opciones que van apareciendo. Ahhhh también como se podria hacer para que se pudiera seleccionar con las flechas del teclado

[omar1977]

yo hice uno hace rato.... dejen buscar y lo subo

[omar1977]

no lo encontre.... pero esta es la idea

html

Código:

<input type=text onkeydown=buscar(event,this)>
<div id=resultados style=hidden></div>

javascript

Código:

buscar(e,f){
    si f.value solo letras
         xajax_buscar(f.value)
}

php

Código PHP:

  buscar($valor){ 
     $rpt=new xajaxResponse(); 
     $Mysql = new Mysql(datos); 
     $sql = "SELECT * FROM tabla WHERE campo LIKE '%$valor%'"; 
     $Mysql->query($sql); 
     while ($row = $Mysql->fetch()){ 
          $res .= eregi_replace($valor,"<strong>$valor</strong>",$row['campo']); 
     } 
     $rpt->assign("resultados","innerHTML",$res); 
     $rpt->assign("resultados","style.visibility","visible"); 
     return $rpt; 
}  
   

si mal no recuerdo esa es la forma... obviamente se puede mejorar mucho con respecto a la visual, busqueda y estrega de datos... espero te oriente un poco al respecto.

[gersveo]

Iniciado por omar1977

no lo encontre.... pero esta es la idea

..........

Gracias, ahora pienso poner un nuevo tema en javascript
para que el div se muestre flotante debajo de la caja de texto.

[russellhoff]

SOLUCIÓN: http://blog.rarecore.eu/autocompleter-using-xajax.html