problema con un buscador de usuarios

[sonickseven]

hola muchachos bueno pues te le comento tengo un problema. estoy haciendo un buscador de usuarios al estilo facebook o twitter. ejemplo en twitter cuando uno va a escribir un nuevo twitt y en ese twitt poner @ se muestra abajo todos los usuarios parecidos a lo que estas escribiendo. lo mismo pasa en facebook. bueno depues de analizar como podria hacerlo saque las siguientes conclusiones:

1) se debe de hacer con un keyup(); de jquery,
2) separar el estring que se esta contruyendo en espacios var splits=link.split(" ");
3) y con cada una de los indices averiguo si comienza con @
4) despues hago la consulta con la bd y el muestra el resultado de los usuarios parecidos.

codigo:

Código Javascript:

$('#atxt_comentario, #atxt_comentario2').keyup(function(){                    
var link=$(this).val();
var splits=link.split(" "); //separa por espacios
var a= splits.length; //cuenta las los indices
var b=0;
for(b=0;b<=a;b++){   
    var parte=splits[b].substr(0,1);
     console.log(splits[b]);
    if(parte=='@') //por cada uno de las idices verifica si comienza con @
        {
            var datos='nick='+splits[b].substr(1); //envia a chat.php el dato y espero respuestas
            $.ajax({
                type: 'POST',
                url:'../BusHistMensa/chat.php',
                data: datos,
                cache: false,
                success:function(abc){
                    $('#nicksan').html(abc); //muestra las respuestas en #nicksan
             splits[b]='yabwdy';
                }
            });
//             console.log(splits[b]);
        }else
        { $('#nicksan').html('');}   
}
});
 

funciona!! si muestra a los usuarios pero el problema es que despues de que salga del usuario osea con la frase sigue estando el div del usuario abajo no se desaparece. por ejemplo escribo:
hola @carolyu12 como estas!!
pues despues de escribir el usuario y continuar con la frase sigue abajo apareciendo y miro por consola y sale que por cada click (keyup) que yo doy el hace el mismo proceso de arriba osea que hace la consulta!! la verdad chicos le di anoche hasta tarde pero jumm seguia el error. y otra cosita como hago para que sea escogible ese div osea ejemplo que se parezca a la etiqueta html OPTION y que se pueda escojer de los div que muestra la consulta de los usuarios??

bueno chicos espero me haya esplicado bn gracias cuaalquier duda respondere

[gebremswar]

Hola sonickseven, que tal.

Iniciado por sonickseven

funciona!! si muestra a los usuarios pero el problema es que despues de que salga del usuario osea con la frase sigue estando el div del usuario abajo no se desaparece.

En ninguna parte de tu código veo que hayas implementado esa funcionalidad: algo como un .fadeIn() o un .html()
para ocultar o limpiar el div respectivamente.

Iniciado por sonickseven

por ejemplo escribo:
hola @carolyu12 como estas!!
pues despues de escribir el usuario y continuar con la frase sigue abajo apareciendo y miro por consola y sale que por cada click (keyup) que yo doy el hace el mismo proceso de arriba osea que hace la consulta!!

Lo que deseas es que solo consulte cuando lo que escribas esta precedido por el "@". Tu validación esta mal, ya que en la linea 2 estas tomando todo el valor del elemento.

la verdad chicos le di anoche hasta tarde pero jumm seguia el error. y otra cosita como hago para que sea escogible ese div osea ejemplo que se parezca a la etiqueta html OPTION y que se pueda escojer de los div que muestra la consulta de los usuarios??

Hasta para esto último te servirá JQueryUI, especificamente el widget autocomplete

[sonickseven]

Iniciado por gebremswar

Hola sonickseven, que tal.

En ninguna parte de tu código veo que hayas implementado esa funcionalidad: algo como un .fadeIn() o un .html()
para ocultar o limpiar el div respectivamente.

si claro utilizo un .html() en la linea 18 y el link que me diste no me funciona regalame otro por favor :D

[gebremswar]

Vaya al parecer la url se agregó mal.

Como te decía podrías utilizar el widget autocomplete para desarrollar completamente tu "buscador", será más fácil que crearlo desde cero ya que implementa muchas funcionalidades.

Pruébalo y coméntanos.

[sonickseven]

bueno pues ya he encontrado documentacion pero hay un problema y es que se hace el autocomplete solo con el primer caracter ejemplo:
@ja y me muestra sujerencias
pero si lo hago asi:
amigo @jav no muestra nada

pues estoy buscando una solucion haber si sale algo que me solucione ese problema de todas maneras gracias y cuando tenga el resultado espereado lo mostrare