Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Añadir funcionalidad al autocompletar

Estas en el tema de Añadir funcionalidad al autocompletar en el foro de Frameworks JS en Foros del Web. Buenas, Os agradecería que me echaráis una mano con el siguiente autocompletar, resulta que he conseguido que funcione para buscar usuarios, hasta aquí perfecto, pero ...
  #1 (permalink)  
Antiguo 28/09/2012, 15:48
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 13 años, 8 meses
Puntos: 20
Añadir funcionalidad al autocompletar

Buenas,

Os agradecería que me echaráis una mano con el siguiente autocompletar, resulta que he conseguido que funcione para buscar usuarios, hasta aquí perfecto, pero me gustaría poder mostrar a lado de cada nombre de usuario que coincida su avatar correspondiente.

http://www.devbridge.com/projects/autocomplete/jquery/

La consulta a la BD es facil, pero no se cómo debo mostrar el resultado JSON para que aparezca tanto la imagen como el nombre del usuario y que al seleccionar la linea del usuario aparezca el nombre del usuario y no como me pasa ahora que carga en la caja de texto la url de la imagen :S

Consulta sql....
Código PHP:
Ver original
  1. $result = $comando->fetchAll(PDO::FETCH_ASSOC);
  2.        
  3.         if (count($result)>0){
  4.             $sugerencias=array();
  5.  
  6.             foreach($result as $key=>$value){
  7.                
  8.                 $sugerencias[]= '"<img src=\'/imagenes/avatares/mini/'.$value['avatar'].'\'>"';
  9.             }
  10.                 $return = "{";
  11.                 $return .= '"query": "'.$usuario.'",';
  12.                 $return .= '"suggestions":[';
  13.                 $return .= implode(",",$sugerencias);
  14.                 $return .= "]";
  15.                 $return .= "}";
  16.                 echo $return;
  17.         }

Me podéis ayudar?

Muchas gracias de antemano!
  #2 (permalink)  
Antiguo 28/09/2012, 15:56
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 13 años, 8 meses
Puntos: 20
Respuesta: Añadir funcionalidad al autocompletar

La construcción del JSON la hago de la siguiente manera

$sugerencias[]= '"'.$value['apodo'].'","<img src=\'/imagenes/avatares/mini/'.$value['avatar'].'\'>"';

Y en resultado del firebug me aparece la siguiente respuesta que creo que está correctamente construida, no?

{"query": "neod","suggestions":["neodani","<img src='/imagenes/avatares/mini/13a12624190640ac91885bf89020f77f.jpg'>","neodani2" ,"<img src='/imagenes/avatares/mini/default.png'>"]}

El tema es que los resultados me los muestra por separado por cada valor de suggestions me muestra una fila diferente. Si selecciono las filas en las que aparece el nombre de usuario pues se escribe en el input en nombre de usuario, pero si pulsas sobre las filas de imagenes te escribe la url de la imagen.



¿Alguna idea de como puedo solucionarlo?

Muchas gracias

Etiquetas: funcion, funcionalidad, js, autocompletado
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:30.