Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/02/2013, 08:03
Avatar de sonickseven
sonickseven
 
Fecha de Ingreso: diciembre-2012
Ubicación: bogota
Mensajes: 404
Antigüedad: 11 años, 11 meses
Puntos: 2
Información problema con un buscador de usuarios

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:
Ver original
  1. $('#atxt_comentario, #atxt_comentario2').keyup(function(){                    
  2. var link=$(this).val();
  3. var splits=link.split(" "); //separa por espacios
  4. var a= splits.length; //cuenta las los indices
  5. var b=0;
  6. for(b=0;b<=a;b++){  
  7.     var parte=splits[b].substr(0,1);
  8.      console.log(splits[b]);
  9.     if(parte=='@') //por cada uno de las idices verifica si comienza con @
  10.         {
  11.             var datos='nick='+splits[b].substr(1); //envia a chat.php el dato y espero respuestas
  12.             $.ajax({
  13.                 type: 'POST',
  14.                 url:'../BusHistMensa/chat.php',
  15.                 data: datos,
  16.                 cache: false,
  17.                 success:function(abc){
  18.                     $('#nicksan').html(abc); //muestra las respuestas en #nicksan
  19.              splits[b]='yabwdy';
  20.                 }
  21.             });
  22. //             console.log(splits[b]);
  23.         }else
  24.         { $('#nicksan').html('');}  
  25. }
  26. });

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