Buscar en tiempo real

fedefrankk · #1 (**permalink**) 15/07/2014, 18:08

Hola a todos, tengo un codigo que busca en tiempo real y anda de 10.
La web funcionaria de la siguiente manera, apenas me meto al index, me mustra las fotos que tienen mas puntos, y a la vez puedo buscar por nombre

por nombre sale, lo que no me sale es al entrar al index no me muestra nada,

no se mucho de ajax (aclaro)

dejo codigo

mi index.html

Código HTML:

Ver original<script type="text/javascript">
 
     function sugerencias(str){
          var xmlhttp;
          if (str.length==0) { 
               document.getElementById("txtHint").innerHTML="";
               return;
          }
          if (window.XMLHttpRequest) {
               xmlhttp=new XMLHttpRequest();
          } else {
               xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
          xmlhttp.onreadystatechange=function() {
               if ((xmlhttp.readyState==4) && (xmlhttp.status==200)&&(xmlhttp.responseText)) {
                    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
               }
          }
          xmlhttp.open("GET","sugerencias.php?q="+str,true);
          xmlhttp.send();
     }
 
         
    </script>
<body>
    <h2>Sugerencias</h2>
        <p>Introduce un nombre en la siguiente casilla</p>
        <form action="">
            Primer nombre: <input type="text" id="txt1"  onKeyUp="sugerencias(this.value)">
        </form>
    <div class="galeria" id="txtHint"></div>

mi php

sugerencias.php

Código PHP:

Ver original<?php
 include("conectar.php");
$cone=conectar(); 
$innerHTML = "";
 
 if($innerHTML=""){
//Inclusión de la conexión
include("conectar.php");
$cone=conectar(); 
 
 
$registros=mysqli_query($cone,"select * from img WHERE nombre LIKE '%".$_GET['q']."%' ") or die("Problemas en el select:".mysqli_error());
 
//Sacamos los registros con las divs
while ($reg=mysqli_fetch_array($registros)){
 
     $innerHTML .= '<div class="contenedor_c" id="capa1"><input type="image"  src="../_imgclient/'.$reg['nombre'].'.'.$reg['nombre'].'" width=292 height=211 title="'.$reg['nombre'].'"></div>
     ';
 
}
 
echo $innerHTML;
 
 }else{
    $registros=mysqli_query($cone,"select * from img ORDER BY usu_puntos DESC") or
  die("Problemas en el select:".mysqli_error());
while ($reg=mysqli_fetch_array($registros)){
 
 $innerHTML .= '<div class="contenedor_c" id="capa1"><input type="image"  src="../_imgclient/'.$reg['nombre'].'.'.$reg['nombre'].'" width=292 height=211 title="'.$reg['nombre'].'"></div>';
 
echo $innerHTML;
} }
 
 ?>

Espero que se entienda
saludos a todos
fede