Saludos
Código HTML:
<script> function sel(c){ c = c.toLowerCase(); formu=document.forms['formulario']; caracteres=c.length; if(caracteres!=0){ for (x=0;x<formu['lista'].options.length;x++){ if(formu['lista'].options[x].value.slice(0,caracteres)==c){ formu['lista'].selectedIndex=x; formu['lista'].style.visibility="visible"; break; }else{ formu['lista'].style.visibility="hidden"; } } }else{ formu['lista'].style.visibility="hidden"; } } </script> <body> <form action="index.php" name="formulario" > <input type="text" name="buscar" onKeyUp="sel(this.value)" style="width:200px;"><br> <select name="lista" size="5" style="width:200px;visibility:hidden"> {LISTA} </select> </form> </body>
Código PHP:
function directorio()
{
$db=mysql_connect("localhost","root",""); //devuelve el valor de la base de datos para crear la conexion
mysql_select_db("base",$db);
$html = new NokTemplate('./');
$html->cargar('tHeader', "busca_java.htm");
$html->cargar('tBody', "");
$html->cargarVirtual('Opciones','<option value ={VALOR}>{OPTION}</option>');
$query_dierctorio = "SELECT * FROM directorio";
$result_dierctorio = mysql_query($query_dierctorio, $db);
$row_dierctorio = '';
while($row_dierctorio = mysql_fetch_array($result_dierctorio))
{
$html->asignar('VALOR', $row_dierctorio['nombre']);
$html->asignar('OPTION', $row_dierctorio['nombre']);
$html->expandir('LISTA', '+Opciones');
}
$html->expandir('CONTENIDO', 'tBody');
$html->expandir('FINAL', 'tHeader');
$html->imprimir('FINAL');
}