Listar antes de buscar

fedefrankk · #1 (**permalink**) 29/01/2019, 13:13

Hola Buenas Tardes a todos, primero que nada, tengo escaso conocimientos de jquery, y se complica aun mas, he buscado en google pero no encuentro la solución que creo que es sencilla.

Tengo el siguiente código: (sacado de internet)

Código HTML:

Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<script src="js/jquery-1.9.1.min.js"></script>
</head>
 
<body>
 
<form accept-charset="utf-8" method="POST">
<input type="text" name="busqueda" id="busqueda" value="" placeholder="" maxlength="30" autocomplete="off" onFocus="buscar()" onKeyUp="buscar();" />
 
</form>
<div id="resultadoBusqueda"></div>
 
 
 
 
<script>
$(document).ready(function() {
    $("#resultadoBusqueda").html("JQUERY VACIO");
});
 
function buscar() {
    var textoBusqueda = $("input#busqueda").val();
 
     if (textoBusqueda != "") {
        $.post("buscar.php", {valorBusqueda: textoBusqueda}, function(mensaje) {
            $("#resultadoBusqueda").html(mensaje);
         }); 
     } else { 
 
        $("#resultadoBusqueda").html('<p>JQUERY VACIO</p>');
        };
};
</script>
 
</body>
</html>

Bien este código cuando pulsamos una tecla nos trae todos los resultados que concuerden con lo escrito. y va a buscar.php

Código PHP:

Ver original<?php
     include("conexion/conectar.php");//se incluyen los datos para realizar la conexion a su base de datos
     $cone=conectar();
    
//require('conexion.php');
 
 
 
$consultaBusqueda = $_POST['valorBusqueda'];
 
if ($consultaBusqueda==" "){
    
    echo "aca muestro registros<br>";
    
    }else{
        
    
        
 
 
 
//Filtro anti-XSS
$caracteres_malos = array("<", ">", "\"", "'", "/", "<", ">", "'", "/");
$caracteres_buenos = array("&lt;", "&gt;", "&quot;", "&#x27;", "&#x2F;", "<", ">","'", "/");
$consultaBusqueda = str_replace($caracteres_malos, $caracteres_buenos, $consultaBusqueda);
 
 
//Variable vacía (para evitar los E_NOTICE)
$mensaje = "";
 
 
//Comprueba si $consultaBusqueda está seteado
if (isset($consultaBusqueda)) {
 
    //Selecciona todo de la tabla mmv001 
    //donde el nombre sea igual a $consultaBusqueda, 
    //o el apellido sea igual a $consultaBusqueda, 
    //o $consultaBusqueda sea igual a nombre + (espacio) + apellido
    $consulta = mysqli_query($cone, "SELECT * FROM publicaciones
    WHERE buscarimg  LIKE '%$consultaBusqueda%' ");
 
 
 
 
//Obtiene la cantidad de filas que hay en la consulta
    $filas = mysqli_num_rows($consulta);
 
    //Si no existe ninguna fila que sea igual a $consultaBusqueda, entonces mostramos el siguiente mensaje
    if ($filas === 0) {
        $mensaje = "<p>No hay ningún usuario con ese nombre y/o apellido</p>";
    } else {
        //Si existe alguna fila que sea igual a $consultaBusqueda, entonces mostramos el siguiente mensaje
        echo 'Resultados para <strong>'.$consultaBusqueda.'</strong>';
 
 
    
 
        //La variable $resultado contiene el array que se genera en la consulta, así que obtenemos los datos y los mostramos en un bucle
        while($resultados = mysqli_fetch_array($consulta)) {
            $buscarimg = $resultados['buscarimg'];
            $numerocli= $resultados['numerocliente'];
//      
 
            //Output
            $mensaje .= "<ul>
            
            <a href=''>Nombre:</strong> ' . $buscarimg . $numerocli'</a><br>
            
            </ul>";
 
        };//Fin while $resultados
 
    }; //Fin else $filas
 
};
//Fin isset $consultaBusqueda
 
//Devolvemos el mensaje que tomará jQuery
echo $mensaje;
 
 
}
 
 
 
?>

Con el if que puse no funciona.

Lo que quiero hacer es que me muestre todos los registros con el input vació, y cuando ingreso alguna algún carácter hay si que funcione el buscador.
es sencillo, si no pongo nada en el input, que muestre todo, pongo algo que me muestre lo puesto.

sencillo de decirlo.. pero de hacerlo no hay caso, no me sale...

Gracias de antemano y saludos Atte.!

Fuzzylog · #2 (**permalink**) 30/01/2019, 16:27

prueba con los eventos onChange o onKeyPress