Imprimir datos de consulta de inputs dinamicos mediante HttpRequest

[bluecode1908]

Hola que tal, espero que me pudieran ayudar a resolver mi problema, les explico.

Estoy realizando un script en PHP el cual ingresa datos a una BD en MySql de manera dinamica, existen varios inputs (el numero de inputs es asignado por el usuario) para ingresar id, lo que quiero es que al momento de llenar cada input este envie los datos y haga una consulta, si el id ingresado por el usuario existe, entonces que escriba el nombre, si no existe, que solo indique que es inexistente, hasta el momento he visto algunos ejemplos y he logrado realizar el proceso pero por partes. Indico al script que me genere 1 input, este lo genera y yo ingreso un id en el input y me devuelve ya sea el nombre o que es inexistente, el problema es cuando genero mas inputs ya que ingreso el id pero siempre me lo muestra en la primera posicion y sustituye el nombre que ya habia consultado, y lo que pretendo es que me lo muestre a un lado de cada input.

Dejo parte del codigo esperando que alguien me pudiese echar una mano o si alguien tiene alguna sugerencia para realizar lo que pretendo, aclaro que apenas inicio en estos casos. De antemano gracias.

Codigo javascript, este ejemplo lo encontre [URL="http://www.w3schools.com/php/php_ajax_database.asp"]aqui[/URL] y es el que me funciono.

Código Javascript:

function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
}
 

Esta parte es donde genero dinamicamente los inputs y donde quiero mostrar el dato de usuario dependiendo el id ingresado

Código PHP:

          for($i=1; $i<=$numalu;$i++){
 
            echo '<td id="txtHint"><b>Numero de cuenta</b></td>'; // dato extraido de la consulta
            echo '<td><input type="text" name="cuenta[]" class="entrada" maxlength="7" size="10" onChange="showUser(this.value)"></td>';
} 
   

Y este es el codigo que realiza la consulta y me devuelve el valor

Código PHP:

  $q=$_GET["q"];
$sql="SELECT * FROM test_prefixtblalumnos WHERE aluCuenta = '".$q."'";
 
$result = $mysqli->query($sql);
while($row = $result->fetch_assoc())
  {
      echo $row["nombre"];
  }
  if($row = $result->num_rows == 0 ){
    echo '<b>Alumno no existente</b>';
  } 
   

[repara2]

NO se entiende muy bien lo que quieres, intenta reducir el código al mínimo y explicar exactamente donde tienes el problema, saludos.

[bluecode1908]

Ok, disculpa por no darme a entender correctamente, va de nuevo:

Tengo un formulario para crear inputs, estos los genero dinamicamente de esta manera:

Código PHP:

for($i=1; $i<=$numalu;$i++){ 
 
            echo '<td id="txtHint"><b>Numero de cuenta</b></td>'; // dato extraido de la consulta 
            echo '<td><input type="text" name="cuenta[]" class="entrada" maxlength="7" size="10" onChange="showUser(this.value)"></td>'; 
}
 

Donde $numalu es el numero asignado por el usuario, lo que pretendo es que al ir insertando datos en cada input, haga una consulta a la base de datos y este me muestre a un lado del input si ese dato ingresado existe o no en la base obviamente, busque un ejemplo y encontre uno [URL="http://www.w3schools.com/php/php_ajax_database.asp"]aqui[/URL], lo modifique y funciona, pero solo me funciona con un input a la vez. Pasa esto

Cuando escribo en el input de la posicion 1 del lado derecho me aparece lo que me arroja la consulta a la bd, hasta ahi todo bien, pero cuando inserto dato en el segundo input quiero que me aparezca al lado derecho el dato arrojado de la consulta, si lo hace pero me lo muestra al lado derecho del input de la posicion 1 en lugar de la posicion 2, lo que deseo es que vaya apareciendo cada dato a un lado de su input correspondiente.

El ejemplo que encontre usa esta funcion:

Código Javascript:

function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
}
 

Notese que el input del for en el evento onChange llama a la funcion showUser que es la que manda el dato a "getuser.php" que es el que me devuelve el dato de la consulta realizada.

Codigo de consulta de php en "getuser.php"

Código PHP:

$q=$_GET["q"]; 
$sql="SELECT * FROM test_prefixtblcuentas WHERE cuenta = '".$q."'"; 
 
$result = $mysqli->query($sql); 
while($row = $result->fetch_assoc()) 
  { 
      echo $row["nombre"]; 
  } 
  if($row = $result->num_rows == 0 ){ 
    echo '<b>No existente</b>'; 
  }
 

Espero me haya dado a entender esta vez y me puedan ayuda, gracias.

[repara2]

busque un ejemplo y encontre uno aqui, lo modifique y funciona, pero solo me funciona con un input a la vez. al leer los datos insertados por el usuario tendrás que iterar sobre ellos para que la consulta se haga una vez por cada elemento introducido. Dado que cuenta es un array, puedes utilizar cualquier bucle para conseguirlo,. Consulta la sintaxis de foreach en el manual de php, saludos.

[bluecode1908]

Ok gracias, solo que me pregunto como enviar todos los datos del input 'cuenta[]', y enviarlo por el http request, ya que al imprimo el array de cuenta y me indica que solo contiene un valor, y es el ultimo dato insertado en el input, el manejar el array lo comprendo y entiendo que se tiene que hacer con un bucle, me gustaria recibir el array completo por el http request. Muchas gracias por tu respuesta.