Tema: Ajax buscar por nombre
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/07/2014, 17:36
Avatar de fedefrankk
fedefrankk
 
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 17 años, 5 meses
Puntos: 7
Pregunta Ajax buscar por nombre
Buenas a todos, tengo un codigo que busca por letras, anda muy bien, el tema es el siguiente, al entrar a la web, la pagina busca las imagenes por puntos, ahora si yo quiero buscar una especifica por nombre no puedo, no se hacerlo... he buscado por google y encuentro muchos de Jquery, andan buen pero no entiendo nada y realmente quiero entender..
al entrar a la web si busca por puntos y hice una captura de pantalla:






al querer buscar por nombre desaparece todo y muestra lo siguiente:





el tema es que lo que busca lo ordene en los div.....

dejo codigo:

Código PHP: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin título</title>
  6. <link href="gale.css" rel="stylesheet" type="text/css" />
  7. <script type="text/javascript">
  8.         function sugerencias(str){
  9.             var xmlhttp;
  10.             if (str.length==0)
  11.               { 
  12.               document.getElementById("txtHint").innerHTML="";
  13.               return;
  14.               }
  15.               if (window.XMLHttpRequest)
  16.               {
  17.               xmlhttp=new XMLHttpRequest();
  18.               }
  19.             else
  20.               {
  21.               xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  22.               }
  23.           xmlhttp.onreadystatechange=function()
  24.               {
  25.               if (xmlhttp.readyState==4 && xmlhttp.status==200)
  26.                  {
  27.                  document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
  28.                  }
  29.               }
  30.           xmlhttp.open("GET","sugerencias.php?q="+str,true);
  31.             xmlhttp.send();
  32.         }
  33.     </script>
  34. </head>
  35.  
  36. <body>
  37.     <h2>Sugerencias</h2>
  38.         <p>Introduce un nombre en la siguiente casilla</p>
  39.         <form action="">
  40.             Primer nombre: <input type="text" id="txt1" onKeyUp="sugerencias(this.value)">
  41.         </form>
  42.     <div class="galeria" id="txtHint">
  43.     
  44.     
  45.     <!--
  46. /**************************************************************/-->
  47. <?php
  48. include("conectar.php");
  49. $cone=conectar(); 
  50.  
  51.  
  52. $registros=mysqli_query($cone,"select * from img ORDER BY usu_puntos DESC") or
  53.   die("Problemas en el select:".mysqli_error());
  54. while ($reg=mysqli_fetch_array($registros)){
  55.  
  56. ?>
  57.  
  58.  
  59. <div class="contenedor_c" id="capa1"><input type="image"  src="../_imgclient/<? print $reg['nombre'].".".$reg['nombre'] ?>" width=292 height=211 title="<? print $reg['nombre']?>"></div>
  60.  
  61. <?php } ?>
  62.  
  63.  
  64.  
  65.         
  66.     </body>
  67. </html>

desde ya muchas Gracias a todos, espero que no me manden a googlear,
saludos
y se agradece el tiempo de los que saben..
fede