Hola de nuevo amigos,
Vereis estoy usando este codigo para hacer un autocompletado:
JS que esta en el servidor:
http://cofranet.org/localizacion/dlc...utocomplete.js
este es el php:
Código PHP:
<?php
$dbhost="localhost"; // servidor. Generalmente localhost si el archivo esta alojado en el servidor ya.
$dbusuario="xxxxx"; // aqui debes ingresar el nombre de usuario
$dbpassword="xxxxxx"; // password de acceso para la base de datos
$db="xxxxx"; // Seleccionamos la base con la cual trabajar
$conexion = mysql_connect($dbhost, $dbusuario, $dbpassword);
mysql_select_db($db, $conexion);
$busqueda = $_GET['query']; // esto representa a lo que el usuario esta escribiendo en el teclado,por ej: 'Li'
$listado = mysql_query("Select * FROM empresas_listas_articulos2 WHERE descripcion LIKE '$busqueda%'");
if (mysql_num_rows($listado)>0){
echo "{
query:'".$busqueda."',
suggestions:[";
while($palabra = mysql_fetch_array($listado)){
$enlace = $palabra['descripcion'] ; // donde "link" es el nombre de la tabla en mysql que contiene los enlaces
$juego = $palabra['descripcion']; // lo mismo, esta es la tabla con el nombre del juego
$array = "'".$juego."',";
echo utf8_encode($array);
}; // end while
//$array = "'<a href=\'".$enlace."\'>".$juego."</a>',";}; // end while
//$array = substr ($array, 0, strlen($array) - 1); // elimino ultima coma
echo "]}";
}else{
echo "{query:'$busqueda',suggestions:['$lista']}";
}
/*
{
query:'Li',
suggestions:['Liberia', 'Libyan Arab Jamahiriya', 'Liechtenstein', 'Lithuania'],
data:['LR', 'LY', 'LI', 'LT']
}
*/
?>
Y el html:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="style.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="jquery.autocomplete.js"></script>
<script type="text/javascript">
$().ready(function() {
var options, a;
jQuery(function(){
options = { serviceUrl:'script.php',
maxHeight:400,
noCache: false,
scroll:true,
};
a = $('#query').autocomplete(options);
});
});
<input type="text" name="q" id="query" style="width:300px;"/>
Todo funciona bien la unica cosa es que cuando muestra las sugerencias y hay muchas necesito poner un scroll y no se como hacerlo, se que sepuede limitar el numero de resultados pero necesito que muestre todo lo que encuentre.
A ver si alguien conoce esta libreria y sabe como se podria hacer.
Un saludo amigos!!