Filtrar busqueda

bbrian · #1 (**permalink**) 18/11/2011, 11:39

Hola a todos, estoy construyendo un catalogo de productos este debe tener un buscador echo con lista desplegable.
Ya consegui hacerlo, pero quiero que la busqueda sea mas avanzada debe tener varias lista una debe filtrar la marca, otra el producto y otra el modelo. Tengo que tener 3 campos de listas. Intente agregar otra pero no las puedo combinar.
Alguno me puede ayudar ? Gracias

linuxzero · #2 (**permalink**) 18/11/2011, 13:00

Fijate si esto te ayuda ;)

http://www.codedrinks.com/2010/12/13/select-combinados-mediante-jquery-ajax-php-mysql/

Saludos!

bbrian · #3 (**permalink**) 18/11/2011, 13:28

es exactamente lo que estoy buscando...
pero no logro hacerlo funcionar me tira el siguiente error:

( ! ) Fatal error: Call to a member function fetch_array() on a non-object in C:\wamp\www\desplegables\index.php on line 7

que estoy haciendo mal ? ya lo conecte todo.

gracias por tu ayuda

linuxzero · #4 (**permalink**) 18/11/2011, 13:30

Postea el codigo asi vemos donde esta el error y porque :D

bbrian · #5 (**permalink**) 18/11/2011, 13:43

Dale buenisimo:

index.php

Código PHP:

  <?php
    $conexion = new mysqli("localhost","root","","inmobiliaria",3306);

    $strConsulta = "select id, marca from marca";
    $result = $conexion->query($strConsulta);
    $opciones = '<option value="0"> Elige una marca</option>';
    while( $fila = $result->fetch_array() )
    {
        $opciones.='<option value="'.$fila["id"].'">'.$fila["marca"].'</option>';
    }
    
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Selects combinados JQuery + Ajax + PHP + MySQL</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#marca").change(function(){
                    $.ajax({
                        url:"procesa.php",
                        type: "POST",
                        data:"idmarca="+$("#marca").val(),
                        success: function(opciones){
                            $("#modelo").html(opciones);
                        }
                    })
                });
            });
        </script>
    </head>
    <body>
        <div> Selects combinados </div>
        <div> <label> Marca:</label> <select id="marca"><?php echo $opciones; ?></select>  </div>
        <div>
            <label> Modelo:</label>
            <select id="modelo">
                <option value="0">Elige un modelo</option>
            </select>
        </div>

    </body>
</html>

procesa.php

Código PHP:

  <?php
if(isset($_POST["idmarca"]))
    {
        $opciones = '<option value="0"> Elige un modelo</option>';

        $conexion= new mysqli("localhost","root","","inmobiliaria",3306);
        $strConsulta = "select id, modelo from modelo where idmarca = ".$_POST["idmarca"];
        $result = $conexion->query($strConsulta);
        

        while( $fila = $result->fetch_array() )
        {
            $opciones.='<option value="'.$fila["id"].'">'.$fila["modelo"].'</option>';
        }

        echo $opciones;
    }
?>

EDITO:

te voy a mostrar que es lo que tengo realizado yo, asi lo ves y me decis si el codigo que me enviaste me puede servir para lo que necesito.

Código PHP:

 
<tr> <h1 align="center" class="Estilo1"><img src="head-buscador.png" width="960" height="160" /></h1>
  <form action="busquedapropiedades.php" method="post" name="form1" class="Estilo1">
    <label>
    <div align="center" class="Estilo7">Buscar:
      <input type="text" name="txtBusqueda" id="txtBusqueda">
    Ciudad:
    <select name="selCiudad" id="selCiudad">
      <option value="-1" selected>Todas</option>
        <?php
    $tablaciudades = mysql_query("SELECT * FROM ciudades ORDER BY nombre ASC"); // Seleccionamos las ciudades de la tabla ciudades
    while ($registrociudad = mysql_fetch_array($tablaciudades)) { // Vamos a repetir una Option (opcion), de la Lista Desplegable, por cada ciudad en la tabla
?>
      <option value="<?php echo $registrociudad['id']; ?>"><?php echo $registrociudad['nombre']; ?></option>
        <?php
    } // termina la zona de repeticion
    mysql_free_result($tablaciudades); // se libera la memoria usada por la tabla
?>
      </select>
    <input type="submit" name="cmdBuscar" id="cmdBuscar" value="IR">
    </div>
    </label>
    <div align="center"></div>
  </form>

  <div align="center">
    <table width="563" border="1">
      <tr>
        <td width="122" class="Estilo9">ID Propiedad </td>
    <td width="97" class="Estilo9">Propiedad</td>
    <td width="52" class="Estilo9">Ciudad</td>
    <td width="80" class="Estilo9">Descripci&oacute;n</td>
    <td width="205" class="Estilo9">Precio</td>
    </tr>
      <?php
$sql = "SELECT propiedades.*, ciudades.* FROM propiedades, ciudades WHERE propiedades.idciudad = ciudades.id ";
if (isset($_POST['txtBusqueda'])) {
    $sql .= " AND propiedades.titulo LIKE '%" . $_POST['txtBusqueda'] . "%' ";
    if (intval($_POST['selCiudad']) > 0) {
        $sql .= " AND propiedades.idciudad = '" . intval($_POST['selCiudad']) . "'";
    }
}
$sql .= " ORDER BY ciudades.nombre DESC";
$tabla = mysql_query($sql);
while ($registro = mysql_fetch_array($tabla)) {
?>
      <tr>
        <td height="82" class="Estilo1"><span class="Estilo9"><?php echo $registro['id']; ?></span></td>
    <td class="Estilo1"><span class="Estilo9"><?php echo $registro['titulo']; ?></span></td>
    <td class="Estilo9"><?php echo $registro['idciudad']; ?>) <?php echo $registro['nombre']; ?></td>
    <td class="Estilo1"><span class="Estilo9"><?php echo $registro['descripcion']; ?></span></td>
    <td class="Estilo9">Venta: <?php echo $registro['precioventa']; ?> / Renta: <?php echo $registro['preciorenta']; ?></td>
    </tr>
      <?php
}
mysql_free_result($tabla);
mysql_close($conexion);
?>
    </table>

Yo no necesito que cuando elijo un campo se actualice el de al lado yo quiero poner 3 filtros y buscar con esa informacion, algo similar a esta web: http://www.distrisurweb.com.ar/productos.php
me parece que eso es un poco mas facil no ?

linuxzero · #6 (**permalink**) 18/11/2011, 13:53

La unica forma que eso este mal es que la consulta este mal, fijate de revisar el sql del index.php

bbrian · #7 (**permalink**) 18/11/2011, 13:56

linuxzero leiste mi mensaje editado? te agregue un poquito de informacion aver si me podes sacar algunas dudas! gracias

linuxzero · #8 (**permalink**) 18/11/2011, 14:13

Cita:

Iniciado por bbrian

es exactamente lo que estoy buscando...
pero no logro hacerlo funcionar me tira el siguiente error:

( ! ) Fatal error: Call to a member function fetch_array() on a non-object in C:\wamp\www\desplegables\index.php on line 7

que estoy haciendo mal ? ya lo conecte todo.

gracias por tu ayuda

Yo te respondi segun el fatal error que me enviaste :D y si se puede hacer mas facil?? seguro que si, con jquery y ajax lo haces en una patada..

bbrian · #9 (**permalink**) 18/11/2011, 14:19

pasa que todos los tutoriales que encuentro tienen la misma funcion por ejemplo:
pones pais, ahi se cargan las provincias. pero yo necesito que al elegir una opcion muestre las tablas !

linuxzero · #10 (**permalink**) 18/11/2011, 14:27

Ahh si es mucho mas facil todavia. Pero el fatal error te lo sigue tirando? porque te dije porque podia ser eso. ahora si el tema es que no te garga lo que tiene que gargar porque te muestra en blanco las cosas eso es otra cosa. Avisame que te anda pasando.

bbrian · #11 (**permalink**) 18/11/2011, 14:50

no lo puedo hacer funcionarrrrrrrrr !
tengo 1 base de datos creada (productos) con dos tablas ( marcas -> cod_marca , nombre | modelo -> cod_modelo , cod_marca , nombre )
ya conecte la base de datos eso funciona, pero me sigue tirando el mismo error !
que me falta configurarle?
gracias por tu ayuda !

linuxzero · #12 (**permalink**) 18/11/2011, 14:55

segun tu codigo en el index.php haces esto:

Código PHP:

Ver original<?php
    $conexion = new mysqli("localhost","root","","inmobiliaria",3306);
 
    $strConsulta = "select id, marca from marca";
    $result = $conexion->query($strConsulta);
    $opciones = '<option value="0"> Elige una marca</option>';
    while( $fila = $result->fetch_array() )
    {
        $opciones.='<option value="'.$fila["id"].'">'.$fila["marca"].'</option>';
    }
    
?>

En tu consulta haces esto:

Código SQL:

Ver originalSELECT id, marca FROM marca

y recien pusiste que la estructura de tu base es la siguiente:

Código:

( marcas -> cod_marca , nombre | modelo -> cod_modelo , cod_marca , nombre )

osea, los campos por los que haces la consulta no existen, te dije que verifiques la consulta de sql porque la unica forma de que te tire el fatal era por el sql, entonces por esto mismo deberia ser asi:

Código SQL:

Ver originalSELECT cod_marca, nombre FROM marca

Fijate eso y avisame

bbrian · #13 (**permalink**) 18/11/2011, 15:01

sigue lo mismo mira...

index.php

Código PHP:

  <?php
    $conexion = new mysqli("localhost","root","","productos",3306);

    $strConsulta = "SELECT cod_marca, nombre FROM marca";
    $result = $conexion->query($strConsulta);
    $opciones = '<option value="0"> Elige una marca</option>';
    while( $fila = $result->fetch_array() )
    {
        $opciones.='<option value="'.$fila["id"].'">'.$fila["cod_marca"].'</option>';
    }
    
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Selects combinados JQuery + Ajax + PHP + MySQL</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#marca").change(function(){
                    $.ajax({
                        url:"procesa.php",
                        type: "POST",
                        data:"cod_marca="+$("#marca").val(),
                        success: function(opciones){
                            $("#modelo").html(opciones);
                        }
                    })
                });
            });
        </script>
    </head>
    <body>
        <div> Selects combinados </div>
        <div> <label> Marca:</label> <select id="marca"><?php echo $opciones; ?></select>  </div>
        <div>
            <label> Modelo:</label>
            <select id="modelo">
                <option value="0">Elige un modelo</option>
            </select>
        </div>

    </body>
</html>

procesa.php

Código PHP:

  <?php
if(isset($_POST["idmarca"]))
    {
        $opciones = '<option value="0"> Elige un modelo</option>';

        $conexion= new mysqli("localhost","root","","productos",3306);
        $strConsulta = "select id, cod_modelo from cod_modelo where cod_marca = ".$_POST["idmarca"];
        $result = $conexion->query($strConsulta);
        

        while( $fila = $result->fetch_array() )
        {
            $opciones.='<option value="'.$fila["id"].'">'.$fila["cod_modelo"].'</option>';
        }

        echo $opciones;
    }
?>

linuxzero · #14 (**permalink**) 18/11/2011, 15:03

te siga tirando el fatal error? el mismo u otro?

bbrian · #15 (**permalink**) 18/11/2011, 15:05

el mismo:

( ! ) Fatal error: Call to a member function fetch_array() on a non-object in C:\wamp\www\ajax\index.php on line 7

estoy configurando las tablas mal estoy seguro, pero no se bien donde van cada una....

perdon la molestia

jotaincubus · #16 (**permalink**) 18/11/2011, 15:08

Claro que te arroja ese error... acaso no lo vez ?

El objeto es $conexion y llamas a un método (fetch_array) del objeto $conexion a través de $result->fetch_array()

Si me imagino la clase seria

Código PHP:

Ver original$conexion->fetch_array($result)

Pero como te digo ME ESTOY IMAGINANDO LA CLASE.

Te invito a que leas un poco de POO para que no se te presenten este tipo de problemas.

bbrian · #17 (**permalink**) 18/11/2011, 15:15

Código PHP:

  <?php
    $conexion = new mysqli("localhost","root","","productos",3306);

    $strConsulta = "SELECT cod_marca, nombre FROM marca";
    $result = $conexion->query($strConsulta);
    $opciones = '<option value="0"> Elige una marca</option>';
    while( $fila = $conexion->fetch_array($result) )
    {
        $opciones.='<option value="'.$fila["id"].'">'.$fila["cod_marca"].'</option>';
    }
    
?>

ahi lo modifique y sigue con el mismo error ... no entiendo

( ! ) Fatal error: Call to undefined method mysqli::fetch_array() in C:\wamp\www\ajax\index.php on line 7

jotaincubus · #18 (**permalink**) 18/11/2011, 15:19

Amigo lo que sucede es que desconocemos completamente la clase que administra tu base de datos, lo que PHP te esta diciendo es que estas llamando un método que no esta definido en la clase ni en ninguna parte.

Debes revisar tu código para ver como debes llamar al método fetch_array() y si este necesita parámetros para ser utilizado.

bbrian · #19 (**permalink**) 18/11/2011, 15:20

seguire buscando la solucion, cualquier cosa te aviso.
gracias por tu ayuda

bbrian · #20 (**permalink**) 18/11/2011, 16:33

Lo que necesito es exactamente lo que me paso linuxzero:
http://www.codedrinks.com/2010/12/13...jax-php-mysql/
pero no lo puedo hacer funcionar... algo similar conocen ? gracias

bbrian · #21 (**permalink**) 19/11/2011, 09:42

No encuentro exactamente lo que yo necesito, todas las listas dependientes que encuentro son asi:
Pais, elegis el pais y te cargan las provincias. Yo quiero que haya un boton y que me muestre el contenido que yo elegi debajo. Necesito algo similar a esta web.
www.distrisurweb.com.ar/productos.php
De que forma me recomiendan hacerlo ?
Gracias

linuxzero · #22 (**permalink**) 20/11/2011, 17:16

El que usa ese sitio no estan vinculadas, son selects por separado, donde no importa lo que eligan siempre tiene la misma info, para lo haces directamenta en php sin ajax, es mucho mas facil que con ajax.. fijate de hacer una consulta para cada select, armas el vector con los datos, se lo pasas al html y lo mostras.. es sencillo.

cualquier ayuda avisame y te paso un ejemplo facil.

Saludos!

bbrian · #23 (**permalink**) 20/11/2011, 18:32

Me podria pasar algun ejemplo como para empezar a hacerlo? Ojala me resulte facil !
Te agradezco mucho tu tiempo, y tus ganas de ayudarme.