Foros del Web » Programando para Internet » Jquery »

Listar antes de buscar

Estas en el tema de Listar antes de buscar en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/01/2019, 12:13
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 816
Antigüedad: 11 años, 8 meses
Puntos: 7
Pregunta Listar antes de buscar

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
  1. <!doctype html>
  2. <meta charset="utf-8">
  3. <title>Documento sin título</title>
  4. <script src="js/jquery-1.9.1.min.js"></script>
  5. </head>
  6.  
  7.  
  8. <form accept-charset="utf-8" method="POST">
  9. <input type="text" name="busqueda" id="busqueda" value="" placeholder="" maxlength="30" autocomplete="off" onFocus="buscar()" onKeyUp="buscar();" />
  10.  
  11. </form>
  12. <div id="resultadoBusqueda"></div>
  13.  
  14.  
  15.  
  16.  
  17. $(document).ready(function() {
  18.     $("#resultadoBusqueda").html("JQUERY VACIO");
  19. });
  20.  
  21. function buscar() {
  22.     var textoBusqueda = $("input#busqueda").val();
  23.  
  24.      if (textoBusqueda != "") {
  25.         $.post("buscar.php", {valorBusqueda: textoBusqueda}, function(mensaje) {
  26.             $("#resultadoBusqueda").html(mensaje);
  27.          });
  28.      } else {
  29.  
  30.         $("#resultadoBusqueda").html('<p>JQUERY VACIO</p>');
  31.         };
  32. };
  33.  
  34. </body>
  35. </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
  1. <?php
  2.      include("conexion/conectar.php");//se incluyen los datos para realizar la conexion a su base de datos
  3.      $cone=conectar();
  4.    
  5. //require('conexion.php');
  6.  
  7.  
  8.  
  9. $consultaBusqueda = $_POST['valorBusqueda'];
  10.  
  11. if ($consultaBusqueda==" "){
  12.    
  13.     echo "aca muestro registros<br>";
  14.    
  15.     }else{
  16.        
  17.    
  18.        
  19.  
  20.  
  21.  
  22. //Filtro anti-XSS
  23. $caracteres_malos = array("<", ">", "\"", "'", "/", "<", ">", "'", "/");
  24. $caracteres_buenos = array("&lt;", "&gt;", "&quot;", "&#x27;", "&#x2F;", "<", ">","'", "/");
  25. $consultaBusqueda = str_replace($caracteres_malos, $caracteres_buenos, $consultaBusqueda);
  26.  
  27.  
  28. //Variable vacía (para evitar los E_NOTICE)
  29. $mensaje = "";
  30.  
  31.  
  32. //Comprueba si $consultaBusqueda está seteado
  33. if (isset($consultaBusqueda)) {
  34.  
  35.     //Selecciona todo de la tabla mmv001
  36.     //donde el nombre sea igual a $consultaBusqueda,
  37.     //o el apellido sea igual a $consultaBusqueda,
  38.     //o $consultaBusqueda sea igual a nombre + (espacio) + apellido
  39.     $consulta = mysqli_query($cone, "SELECT * FROM publicaciones
  40.    WHERE buscarimg  LIKE '%$consultaBusqueda%' ");
  41.  
  42.  
  43.  
  44.  
  45. //Obtiene la cantidad de filas que hay en la consulta
  46.     $filas = mysqli_num_rows($consulta);
  47.  
  48.     //Si no existe ninguna fila que sea igual a $consultaBusqueda, entonces mostramos el siguiente mensaje
  49.     if ($filas === 0) {
  50.         $mensaje = "<p>No hay ningún usuario con ese nombre y/o apellido</p>";
  51.     } else {
  52.         //Si existe alguna fila que sea igual a $consultaBusqueda, entonces mostramos el siguiente mensaje
  53.         echo 'Resultados para <strong>'.$consultaBusqueda.'</strong>';
  54.  
  55.  
  56.    
  57.  
  58.         //La variable $resultado contiene el array que se genera en la consulta, así que obtenemos los datos y los mostramos en un bucle
  59.         while($resultados = mysqli_fetch_array($consulta)) {
  60.             $buscarimg = $resultados['buscarimg'];
  61.             $numerocli= $resultados['numerocliente'];
  62. //      
  63.  
  64.             //Output
  65.             $mensaje .= "<ul>
  66.            
  67.            <a href=''>Nombre:</strong> ' . $buscarimg . $numerocli'</a><br>
  68.            
  69.            </ul>";
  70.  
  71.         };//Fin while $resultados
  72.  
  73.     }; //Fin else $filas
  74.  
  75. };
  76. //Fin isset $consultaBusqueda
  77.  
  78. //Devolvemos el mensaje que tomará jQuery
  79. echo $mensaje;
  80.  
  81.  
  82. }
  83.  
  84.  
  85.  
  86. ?>


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.!
  #2 (permalink)  
Antiguo 30/01/2019, 15:27
Avatar de Fuzzylog  
Fecha de Ingreso: agosto-2008
Ubicación: En internet
Mensajes: 2.492
Antigüedad: 10 años, 7 meses
Puntos: 188
Respuesta: Listar antes de buscar

prueba con los eventos onChange o onKeyPress
__________________
if (fuzzy && smooth) {
fuzzylog = "c00l";
return true;
}



La zona horaria es GMT -6. Ahora son las 11:47.