[SOLUCIONADO] Combinar consultas dinámicas <Fácil>

the_sheriff_pino · #1 (**permalink**) 09/05/2013, 05:03

Saludos foreros!

Os comento, tengo un pequeño filtro, de dos campos que quiero combinar sus resultados para mostrar los campos de una base de datos de mysql.
(Con un solo campo para filtrar me funciona correctamente)
Cuando escribo en el campo Nombre me filtra por nombre, si escribo en el campo Poblacion, filtra por poblacion y omite el campo Nombre.

El fallo debe de estar en el script de ajax, y sobre todo en la línea donde aparece #resultado.

Código Javascript:

Ver original<html>
    <head>
        <title>Búsqueda</title>
        <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#nombre").keydown(
                    function(event)
                    {
                        var nnombre = $("#nombre").attr("value");
                        $("#resultado").load('busqueda.php',{nombre:nnombre});
                    }
                );
            
            $(document).ready(function() {
                $("#nombre").keyup(
                    function(event)
                    {
                        var nnombre = $("#nombre").attr("value");
                        $("#resultado").load('busqueda.php',{nombre:nnombre});
                    }
                )
                
                $("#poblacion").keydown(
                    function(event)
                    {
                        var npoblacion = $("#poblacion").attr("value");
                        $("#resultado").load('busqueda.php',{poblacion:npoblacion});
                    }
                );
                });
            });
            $(document).ready(function() {
                $("#poblacion").keyup(
                    function(event)
                    {
                        var npoblacion = $("#poblacion").attr("value");
                        $("#resultado").load('busqueda.php',{poblacion:npoblacion});
                    }
                
                );
                
            });
        </script>
    </head>
    <body>
        Nombre: <input type="text" name="nombre" id="nombre" autocomplete="off" />
        <br />
        Población: <input type="text" name="poblacion" id="poblacion" autocomplete="off" />
        <br />
        <div id="resultado" style="border: solid black 1px;"></div>
    </body>
</html>

Código PHP:

Ver original<?php
$link = mysql_connect('localhost', 'root','') or die("Error, no se ha conectado B.D.");
$bd=mysql_select_db('clientes', $link) or die("Error, no se ha seleccionado B.D.");
 
    $result;
    
function generaClientes()
    {
    $link       =   mysql_connect('localhost', 'root','') or die("Error, no se ha conectado B.D.");
    $bd         =   mysql_select_db('clientes', $link) or die("Error, no se ha seleccionado B.D.");
 
        
    $nombre     =   $_POST['nombre'];
    //$provincia    =   $_POST['provincia'];
    $poblacion  =   $_POST['poblacion'];
    //$cif      =   $_POST['cif'];
            
            
if ( !empty ($nombre) || !empty ($poblacion) || !empty ($provincia)|| !empty ($cif) ) {
    
$sql= " SELECT * FROM tabla WHERE ";                                                                //Empezar a crear la consulta:
 
    if ( !empty($nombre) && !empty ($poblacion) && !empty ($provincia) && !empty ($cif) ) {         
         $sql .= " Nombre LIKE '%nombre' AND Poblacion LIKE '%$poblacion%' AND Provincia LIKE '%$provincia%' AND CIF LIKE '%$cif%'" ;   
     }
    
    else if ( !empty($nombre) && !empty ($poblacion) && !empty ($cif) ) {                   
     $sql .= " Nombre LIKE '%nombre' AND Poblacion LIKE '%$poblacion%' AND CIF LIKE '%$cif%'"; 
    }
    else if ( !empty($nombre) && !empty ($cif) && !empty ($provincia) ) {                       
     $sql .= " Nombre LIKE '%nombre' AND CIF LIKE '%$cif%' AND Provincia LIKE '%$provincia%'"; 
    }
    else if ( !empty($nombre) &&  !empty ($provincia) ) {  
     $sql .= " Nombre LIKE '%nombre' AND Provincia LIKE '%$provincia%'"; 
    }
    else if ( !empty($nombre) &&  !empty ($cif) ) {  
     $sql .= " Nombre LIKE '%nombre' AND CIF LIKE '%$cif%'"; 
    }
    else if ( !empty($nombre) &&  !empty ($poblacion) ) {  
     $sql .= " Nombre LIKE '%nombre' AND Poblacion LIKE '%$poblacion%'"; 
    }
    else if ( !empty($nombre) ) {
     $sql .= " Nombre LIKE '%$nombre%'"; 
    }
    else if ( !empty ($poblacion) && !empty ($provincia) && !empty ($cif) ) {           
     $sql .= " Poblacion LIKE '%$poblacion%' AND Provincia LIKE '%$provincia%' AND CIF LIKE '%$cif%'" ;
    }
    else if ( !empty($poblacion) &&  !empty ($provincia) ) {  
     $sql .= " Poblacion LIKE '%$poblacion%' AND Provincia LIKE '%$provincia%'"; 
    }
    else if ( !empty($poblacion) &&  !empty ($cif) ) {  
     $sql .= " Poblacion LIKE '%$poblacion%' AND CIF LIKE '%$cif%'";
    }
    else if ( !empty($poblacion)) {  
     $sql .= " Poblacion LIKE '%$poblacion%'"; 
    }
    else if ( !empty($cif) &&  !empty ($provincia) ) {  
     $sql .= " CIF LIKE '%$cif%' AND Provincia LIKE '%$provincia%'"; 
    }
    else if ( !empty ($provincia) ) {  
     $sql .= " Provincia LIKE '%$provincia%'"; 
    }
    else if ( !empty($cif) ) {  
     $sql .= " CIF LIKE '%$cif%'"; 
    }
}
        $sql .= "ORDER BY Nombre ASC";
        
$consulta = mysql_query ($sql) ;   //Hacer la consulta. ?>      
    
 
     
    <select name='clientes' size="5px">
 
    <?php 
        while($registro=mysql_fetch_assoc($consulta))
            {?>
            <option value="<?php echo $registro['Nombre']; ?>"><?php echo $registro['Nombre']," ",$registro['Direccion']," ",$registro['Poblacion']," ",                                            $registro['Provincia'];  ?></option>
    
        <?php 
            }
        ?>
    
   </select>
 
    <?php 
        }
    ?>  
 
</form>
 
    <br />
    <br />
        <?php generaClientes(); ?>

fhederico · #2 (**permalink**) 09/05/2013, 11:31

Emmm... una consulta, porque tienes tantos

Código HTML:

Ver original$(document).ready(function() {

No te saldria mejor unificarlos?? que veo que todos hacen lo mismo pero estan repetidos

Lo otro, creo, si no estoy muy lento hoy, que quieres que al escribir el nombre, se cambie lo que hay en poblacion cierto? esto lo puedes hacer con el callback, y es necesario que le pases el valor que tiene "nombre" cuando filtra "poblacion"

Saludos

the_sheriff_pino · #3 (**permalink**) 09/05/2013, 13:33

Cita:

Iniciado por fhederico

Emmm... una consulta, porque tienes tantos

Código HTML:

Ver original$(document).ready(function() {

No te saldria mejor unificarlos?? que veo que todos hacen lo mismo pero estan repetidos

Lo otro, creo, si no estoy muy lento hoy, que quieres que al escribir el nombre, se cambie lo que hay en poblacion cierto? esto lo puedes hacer con el callback, y es necesario que le pases el valor que tiene "nombre" cuando filtra "poblacion"

Saludos

Si hay repeticiones innecesarias de código es fallo de aprendiz de jQuery, iré depurando mi técnica rápidamente.

Trabajo sobre una tabla clientes que tiene los siguientes campos: Nombre || Dirección || Poblacion || Provincia || etc...

Quiero que si escribo en el text:nombre el nombre de un cliente, se muestren todos los clientes que tengan coincidencia con ese nombre y que si escribo en el text:poblacion se filtre aún más la lista que se me muestra.

Sería un filtro por nombre, y que del resultado de ese filtro, escribiendo la población se filtrase aún más esa lista.

Creo, espero haberme explicado correctamente.

Gracias por contestar!!

fhederico · #4 (**permalink**) 09/05/2013, 14:02

Si no hay problema estimado

Sobre lo que mencionas eso es Autocompletar (http://jqueryui.com/autocomplete/)

Y no te "filtra" mas la poblacion porque si te fijas estas mandando solo la poblacion

Código:

$("#poblacion").keydown(
                    function(event)
                    {
                        var npoblacion = $("#poblacion").attr("value");
                        $("#resultado").load('busqueda.php',{poblacion:npoblacion});
                    }
                );

Si ademas de la poblacion, le envias el campo nombre

Código:

$("#resultado").load('busqueda.php',{'poblacion' : npoblacion, 'nombre' : $("#nombre").val() });

Con esto cuando cargue la nueva busqueda le enviaras por POST el valor de "poblacion" y el de "nombre". La funcion "val()" te permite obtener el contenido de un campo, hechale una mirada a esto

http://www.jose-aguilar.com/blog/fun...zar-en-jquery/

Saludos

the_sheriff_pino · #5 (**permalink**) 10/05/2013, 01:20

Cita:

Iniciado por fhederico

Si no hay problema estimado

Sobre lo que mencionas eso es Autocompletar (http://jqueryui.com/autocomplete/)

Y no te "filtra" mas la poblacion porque si te fijas estas mandando solo la poblacion

Código:

$("#poblacion").keydown(
                    function(event)
                    {
                        var npoblacion = $("#poblacion").attr("value");
                        $("#resultado").load('busqueda.php',{poblacion:npoblacion});
                    }
                );

Si ademas de la poblacion, le envias el campo nombre

Código:

$("#resultado").load('busqueda.php',{'poblacion' : npoblacion, 'nombre' : $("#nombre").val() });

Con esto cuando cargue la nueva busqueda le enviaras por POST el valor de "poblacion" y el de "nombre". La funcion "val()" te permite obtener el contenido de un campo, hechale una mirada a esto

http://www.jose-aguilar.com/blog/fun...zar-en-jquery/

Saludos

Voy a probarlo!

El auto-completado no sería exactamente lo que necesito.
El objetivo es que aparezca una lista de los clientes que hay y mediante los cajones de nombre y población se filtren. Es posible que en un futuo añada un par de campos más de filtros, aunque supongo que eso ya no tendrá dificultad.
He echado un vistazo a los links y son bastante buenos, gracias, sigo aprendiendo.

Voy a probarlo y posteo los resultados

the_sheriff_pino · #6 (**permalink**) 10/05/2013, 01:37

Cambié la línea que me dijiste y puse en comentario el keydown y keyup repetidos y resulta que ahora el text:poblacion no filtra.
El text:nombre si sigue funcionando con normalidad.

Posiblemente haya una manera de condensar todo el código que he puesto en menos líneas, y solucionar mi error de una forma sencilla pero ahora mismo no doy con la manera.

estoy atento a tus respuestas! Gracias!

EDITO: La cuestión es que se unan en la misma consulta, no que sean independientes.

Si te fijas en el archivo búsqueda.php en la línea 23 ya he creado todas las condiciones que se pueden dar de si hay unos campos rellenos y otros no, y según eso que se rellene la consulta.

Hay alguna manera de mandar lo que lea en esta función por $_POST y que lo recoja la búqueda como uno de los parámetros de la consulta? En este caso sería $nombre y $poblacion.

Código PHP:

Ver original$(document).ready(function() {
                $("#nombre").keydown(
                    function(event)
                    {
                        var nnombre = $("#nombre").attr("value");
                        $("#resultado").load('busqueda.php',{nombre:nnombre});
                    }
                );
            
            $(document).ready(function() {
                $("#nombre").keyup(
                    function(event)
                    {
                        var nnombre = $("#nombre").attr("value");
                        $("#resultado").load('busqueda.php',{nombre:nnombre});
                    }
                )

fhederico · #7 (**permalink**) 11/05/2013, 23:13

Emmmm...

Yo me referia a otra cosa, basandome en lo que ya tienes

Código HTML:

Ver original$(document).ready(function() {
                $("#nombre").keydown(
                    function(event)
                    {
                        $("#resultado").load('busqueda.php',{'nombre': $("#nombre").val()});
                    }
 
 
                 $("#poblacion").keydown(
                    function(event)
                    {
                        alert("el nombre es: " + $("#nombre").val()  + " y la poblacion es "+$("#poblacion").val());
                        $("#resultado").load('busqueda.php',{'poblacion' : $("#poblacion").val(), 'nombre' : $("#nombre").val() });
                    }
                );
 
);

Revisalo y me cuentas, que no lo chequie