[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