Busqueda rapida en una pag. web con javascript

jviera · #1 (**permalink**) 05/07/2004, 07:18

Hola chicos, la verdad es que tengo un problema, quiero hacer una busqueda rapida con javascript extrayendo datos de una tabla de una data en mysql impresa en un list, los jala, pero los coloca en una sola linea, como hago para colocarlos una debajo del otro, espero que puedan ayudarme, se que si, este es el codigo:

<?
include("fcnConectarse.php");
$link=Conectarse();
$r=mysql_query("select dsc_det from det_cta");
?>
<html>
<head>
<title>Busqueda en lista</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<? echo"
<script language='javascript'>

// Defino el array con los datos
var lista = new Array('";
while ($fila=mysql_fetch_array($r)){
$dsc=$fila["dsc_det"];
printf("$dsc");
}
echo"');"; ?>
function cargarLista() {
// Cargamos el combo
for (x=0;x<lista.length;x++)
document.formulario.miCombo[x] = new Option(lista[x]);
}

function buscar() {

limpiarLista();

// Obtengo el valor del texto
texto = document.formulario.busca.value;

// Creo la expresión regular
expr = new RegExp("^" + texto,"i");

// Recorro la lista. Si la expresión regular es OK
y = 0;

for (x=0;x<lista.length;x++) {
if (expr.test(lista[x])) {
document.formulario.miCombo[y] = new Option(lista[x]);
y++;
}
}

}

function limpiarLista() {
for (x=document.formulario.miCombo.length;x>=0;x--)
document.formulario.miCombo[x] = null;
}

</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="cargarLista();">
<form id="formulario" name="formulario">
Buscar: <input type="text" id="busca" name="busca" onKeyUp="buscar();"><br>
Listado: <select id="miCombo" name="miCombo" size=8>
</select>
</form>
</body>
</html>

saludos Ronald

Kelpie · #2 (**permalink**) 05/07/2004, 08:06

A primera vista parece que te faltan las comas que separan los elementos del array...

printf("$dsc");

Esto te estrá sacando algo como

var lista = new Array('elemento1elemento2elemento3');

Yo, en vez de imprimir directamente, guardaría en una variable, de este modo...

$todo.="'$dsc',";

Y al final le quitaría la última coma

$todo=substr($todo,0,length($todo)-1);

Y a imprimir

echo($todo);

jviera · #3 (**permalink**) 05/07/2004, 09:24

Sabes coloque el codigo tal y como me lo dijiste, pero ahora no me muestra ningun objeto en la pagina, este es el codigo, help me
<?
include("fcnConectarse.php");
$link=Conectarse();
$r=mysql_query("select dsc_det from det_cta");
?>
<html>
<head>
<title>Busqueda en lista</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<? echo"
<script language='javascript'>

// Defino el array con los datos
var lista = new Array('";
while ($fila=mysql_fetch_array($r)){
$dsc=$fila["dsc_det"];
$todo.="'$dsc',";
$todo=substr($todo,0,length($todo)-1);
echo($todo);
}
echo"');"; ?>
function cargarLista() {
// Cargamos el combo
for (x=0;x<lista.length;x++)
document.formulario.miCombo[x] = new Option(lista[x]);
}

function buscar() {

limpiarLista();

// Obtengo el valor del texto
texto = document.formulario.busca.value;

// Creo la expresión regular
expr = new RegExp("^" + texto,"i");

// Recorro la lista. Si la expresión regular es OK
y = 0;

for (x=0;x<lista.length;x++) {
if (expr.test(lista[x])) {
document.formulario.miCombo[y] = new Option(lista[x]);
y++;
}
}

}

function limpiarLista() {
for (x=document.formulario.miCombo.length;x>=0;x--)
document.formulario.miCombo[x] = null;
}

</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="cargarLista();">
<form id="formulario" name="formulario">
Buscar: <input type="text" id="busca" name="busca" onKeyUp="buscar();"><br>
Listado: <select id="miCombo" name="miCombo" size=8>
</select>
</form>
</body>
</html>

Kelpie · #4 (**permalink**) 07/07/2004, 08:08

Retoca esto en el código

Código PHP:

  ... 
$todo.="'$dsc',"; 
//Las siguientes dos sobran 
//$todo=substr($todo,0,length($todo)-1); 
//echo($todo); 
} 
//Aquí si!! 
$todo=substr($todo,0,length($todo)-1); 
echo($todo); 
//Ojo aquí abajo que he quitado una comilla simple... 
echo");"; ?> 
...

jviera · #5 (**permalink**) 07/07/2004, 12:43

Sabes coloqué el codigo como me indicaste, pero no sale nada, no entiendo..., que esta mal?
<?
include("fcnConectarse.php");
$link=Conectarse();
$r=mysql_query("select dsc_det from det_cta");
?>
<html>
<head>
<title>Busqueda en lista</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<? echo"
<script language='javascript'>

// Defino el array con los datos
var lista = new Array('";
while ($fila=mysql_fetch_array($r)){
$dsc=$fila["dsc_det"];
$todo.="'$dsc',";
//$todo=substr($todo,0,length($todo)-1);
//echo($dsc);
}
$todo=substr($todo,0,length($todo)-1);
echo($todo);
echo");"; ?>
......................

gildus · #6 (**permalink**) 16/07/2004, 20:37

Hola jviera,

,mira a mi si me resulto,

.:

Código PHP:

  <? 
include("includes/database.php"); //te conectas aqui a tu BD 
$r=mysql_query("select item_name from products"); //seleccionas tu tablita 
$todo = ''; 
while ($fila=mysql_fetch_array($r)) 
{    $dsc=$fila[0]; 
    $todo.="'$dsc',"; 
} 
$todo=substr(trim($todo),0,strlen($todo)-1);  
?> 
<html> 
<head> 
<title>Busqueda en lista</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
 
<script language='javascript'> 
// Defino el array con los datos 
var lista = new Array(<? echo($todo); ?>); 
 
function cargarLista()  
{    // Cargamos el combo 
    for (x=0;x < lista.length;x++) 
        document.formulario.miCombo[x] = new Option(lista[x]); 
} 
 
 
function buscar()  
{    limpiarLista(); 
    // Obtengo el valor del texto 
    texto = document.formulario.busca.value; 
 
    // Creo la expresión regular 
    expr = new RegExp("^" + texto,"i"); 
 
    // Recorro la lista. Si la expresión regular es OK 
    y = 0; 
 
    for (x=0;x < lista.length ;x++)  
    {    if (expr.test(lista[x]))  
        {    document.formulario.miCombo[y] = new Option(lista[x]); 
            y++; 
        } 
    } 
} 
 
function limpiarLista()  
{    for (x=document.formulario.miCombo.length;x>=0;x--) 
        document.formulario.miCombo[x] = null; 
} 
</script> 
 
</head> 
 
<body bgcolor="#FFFFFF" text="#000000" onLoad="cargarLista()"> 
<form id="formulario" name="formulario"> 
Buscar: <input type="text" id="busca" name="busca" onKeyUp="buscar()"><br> 
Listado: <select id="miCombo" name="miCombo" size=8> 
</select> 
</form> 
</body> 
</html>

Solo que a mi me gusta en otro orden de programacion.

.

Saludos, Gildus.

jviera · #7 (**permalink**) 19/07/2004, 07:13

Gracias, sabes usé tu codigo, de esta manera, pero no me resulta nada, no se cual es el error, y es es sgte:

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in C:\xampp\htdocs\Pedidos\prueba_buscar3.php on line 5

<?
include("../pedidos/fcn/fcnConectarse.php"); //te conectas aqui a tu BD
$r=mysql_query("select dsc_det from det_cta"); //seleccionas tu tablita
$todo = '';
while ($fila=mysql_fetch_array($r))
{ $dsc=$fila[“dsc_det”]; // le cambié el cero por el nombre del campo
$todo.="'$dsc',";
}
$todo=substr(trim($todo),0,strlen($todo)-1);
?>
<html>
<head>
<title>Busqueda en lista</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language='javascript'>
// Defino el array con los datos
var lista = new Array(<? echo($todo); ?>);

function cargarLista()
{ // Cargamos el combo
for (x=0;x < lista.length;x++)
document.formulario.miCombo[x] = new Option(lista[x]);
}

function buscar()
{ limpiarLista();
// Obtengo el valor del texto
texto = document.formulario.busca.value;

// Creo la expresión regular
expr = new RegExp("^" + texto,"i");

// Recorro la lista. Si la expresión regular es OK
y = 0;

for (x=0;x < lista.length ;x++)
{ if (expr.test(lista[x]))
{ document.formulario.miCombo[y] = new Option(lista[x]);
y++;
}
}
}

function limpiarLista()
{ for (x=document.formulario.miCombo.length;x>=0;x--)
document.formulario.miCombo[x] = null;
}
</script>

</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="cargarLista()">
<form id="formulario" name="formulario">
Buscar: <input type="text" id="busca" name="busca" onKeyUp="buscar()"><br>
Listado: <select id="miCombo" name="miCombo" size=8>
</select>
</form>
</body>
</html>

espero que puedan ayudarme

gildus · #8 (**permalink**) 21/07/2004, 14:23

Hola jviera esto es muy raro,

, a mi si me resulta. Revisa tu conexion si la realiza o no, luego haz la misma consulta que haces "select dsc_det from det_cta" y luego imprime cualquier campo echo "$fila[0]".

Este resultado que te sale es que no hubo una conexion a tu base de datos, o no efectuo bien tu consulta:

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in C:\xampp\htdocs\Pedidos\prueba_buscar3.php on line 5

Por seacaso,

, revisa tu tabla el nombre de los campos, no deben haber espacios en los nombres de los campos,

; revisa tambien los tipos de campos.

En conclusion, creo que el problema es tu consulta sql,

.

Saludos
Gildus.

jviera · #9 (**permalink**) 22/07/2004, 08:09

Hello man, gracias por todo, no sabes?, me salio la consulta hoy(Jueves 22), la verdad es que solo faltaba agregarle el link de coneccion, bueno aqui les paso el codigo, espero que les sirva

Código PHP:

  <? 
include("../pedidos/fcn/fcnConectarse.php"); 
$link=Conectarse(); //esto fue lo que me faltaba colocar 
$r=mysql_query("select dsc_det from det_cta",$link); // y aqui aparte de la ejecucion, le agregué la variable $link 
$todo = ''; 
while($fila = mysql_fetch_array($r)) 
{    $dsc=$fila[0]; 
    $todo.="'$dsc',"; 
} 
$todo=substr(trim($todo),0,strlen($todo)-1); 
?>

......el resto es igual

gracias, saludos....