[SOLUCIONADO] Alguien sabe como poner un scroll?

franjgg · #1 (**permalink**) 02/07/2013, 12:38

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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Autocompletar con JQUERY</title>
    <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);
        });
    });
    </script>
    </head>
     
    <body>
    <input type="text" name="q" id="query" style="width:300px;"/>
     
    </body>
    </html>

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!!

franjgg · #2 (**permalink**) 02/07/2013, 12:54

Error tonto estaba linkando mal la hoja de estilo