Autor Tema: AJAX y PHP en campos de formulario (Leído 4790 veces)

RadicalEd · « **en:** Miércoles 14 de Octubre de 2009, 18:08 »

Hola chicos de SoloCodigo, tengo una consulta como siempre, la vaina es que tengo un código que genera unos campos en forma dinámica por medio de AJAX, pero estos son datos que se guardarán por medio de un <form>, ósea, estoy generando con AJAX datos que contienen un campo de texto para introducir cantidades; la vaina es que como esto es en si dinámico al introducir la cantidad y darle al boton guardar no lo toma, y es que de por si ese código generado no existe dentro del código de la página.

Alguna idea???

DriverOp

Cómo que no existe... Si el navegador te lo muestra entonces sí existe. Otra cosa es que la sintaxis sea errónea. De todas formas no entendí bien qué estás haciendo y cuál es tu problema. ¿Algún ejemplo para mostrar?.

RadicalEd

Genera un dato con AJAX y dale Ver Código Fuente a la página y veras que esos datos no existen.

shadow_rev

El todopoderoso firebug te ayuda muchisimo para depurar cuando introduces formularios con AJAX... Hace mucho tiempo, tuve un problema similar, nos podrías ilustrar cómo estas introduciendo los nuevos campos en el formulario ?? Probablemente estés cometiendo el mismo error

RadicalEd

Este es mi form

Código: Text

<form name='frmsearch'>
  <table border='1' cellpading='1' cellspacing='1' class='reference'>
    <tr>
      <th class='letratd' align='center'><b>SEARCH ITEM</b></th>
    </tr>
    <tr>
       <td class='letratd' align='center'>
         <input type='text' id='search' size='14' onkeyup='buscar(this.value, ".$_SESSION['cliente'].")'>
       </td>
    </tr>
    </table>
</form>
 

Mi código JavaScript

Código: Text

var xmlhttp;
 
//Esta función crea el objeto ajax
function GetXmlHttpObject()
{
  if (window.XMLHttpRequest)
  {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    return new XMLHttpRequest();
  }
  if (window.ActiveXObject)
  {
    // code for IE6, IE5
    return new ActiveXObject("Microsoft.XMLHTTP");
  }
  return null;
}
 
/*********AJAX PARA BÚSQUEDA*********************/
function buscar(referencia, cliente)
{
  if (referencia.length==0)
  {
    document.getElementById("buscar").innerHTML="";
    document.getElementById("buscar").style.border="0px";
    return;
  }
  xmlhttp=GetXmlHttpObject()
  if (xmlhttp==null)
  {
    alert ("Your browser does not support XML HTTP Request");
    return;
  }
  var url="js/ajax.php";
  url=url+"?funcion=3&referencia="+referencia+"&cliente="+cliente;
  xmlhttp.onreadystatechange=function cambiar()
    {
      if (xmlhttp.readyState==4)
      {
        document.getElementById("buscar").innerHTML=xmlhttp.responseText;
        document.getElementById("buscar").style.border="0px solid #A5ACB2";
      }
    }
 
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
}
/*********************HASTA ACA***********************/
 

Y mi código PHP que retornará la consulta más los campos de texto.

Código: PHP

switch($_GET['funcion'])
{
  case 1:
         orden($_GET['cliente'], $_GET['q'], $sql);
         break;
  case 2:
         principal($_GET['estado'], $_GET['sucursal'], $_GET['cliente'], $sql);
         break;
  case 3:
         buscar($_GET['cliente'], $_GET['referencia'], $sql);
         break;
}
 
/*
 * Mostrará el item que se le pase por referencia para ser escogido
 * @param string $cliente     El cliente conectado
 * @param string $referencia  Referencia del sistema UNO del item
 * @param string $sql       sql query
 */
function buscar($cliente, $referencia, $sql)
{
  $arrayTabla = array('IMAGE', 'REFERENCE', 'ITEM', 'CODE');
 
  $queryt = 'SELECT itm.imagen AS '.$arrayTabla[0].', itm.referencia AS '.$arrayTabla[1].',
                     itm.descripcion AS '.$arrayTabla[2].', itm.codigo AS '.$arrayTabla[3].'
             FROM tbdym_items AS itm, tbdym_lista_precios_items AS lstitm
             WHERE itm.imagen!="" AND itm.categoria_id="1" AND lstitm.item_id=itm.id AND lstitm.precio!=""
                   AND lstitm.lista_id="1" AND itm.referencia LIKE "'.$referencia.'%" AND itm.codigo LIKE "%-%"
             GROUP BY itm.codigo LIMIT 0, 12';
 
  $tabla = $sql->tablaImagenTexto($queryt, $arrayTabla);
  echo $tabla[1];
}
 

Y sobre esta capa imprimo la información

Código: Text

<div id='buscar'></div>
 

DriverOp

Cita de: "Edo"

Genera un dato con AJAX y dale Ver Código Fuente a la página y veras que esos datos no existen.

Claro, pero el navegador los saca de la nada, solo para confundir al desarrollador xD. Que no esté en el código fuente no significa que no exista.

A propósito del código que has posteado:

Código: Text

 
<input type='text' id='search' size='14' onkeyup='buscar(this.value, ".$_SESSION['cliente'].")'>

$_SESSION['cliente'] es una variable de PHP pero la estás incrustando en el código HTML sin más. ¿No habrás querido poner algo así?:

Código: Text

 
<input type='text' id='search' size='14' onkeyup='buscar(this.value, "<?=$_SESSION['cliente']?>")'>

RadicalEd

Es que esa parte de código está dentro de un echo, ósea, es código PHP, pero no tiene nada que ver con el error.

shadow_rev

Cita de: "Edo"

Y sobre esta capa imprimo la información
Código: Text
<div id='buscar'></div>

De casualidad el botón que dices que usas para buscar está por fuera de ese div ?? Mejor dicho, tienes metido ese div dentro de otro formulario ??

Y desviándome un poquito del tema para satisfacer mi curiosidad; si no me equivoco, el campo de texto que generas dinámicamente tiene el evento onkeyup para autocompletar el texto que el usuario está introduciendo, no es así ??

RadicalEd

No existe botón buscar, ya que todo funciona con keyup.
Sí, el div está dentro de un formulario que es el que al final guarda el dato.
El campo de texto que se genera dinámicamente no tiene el evento ya que es un dato que primero se consulta para después introducirle los datos y guardarlos en una tabla.

JrcsDev

Edo, el código <div id='buscar'></div> debe ir dentro de tu <form></form>, y alli dentro con ajax generas el input, select o cualquier objeto que quieras... Así deberia funcionar... la función de ajax que uso es similar a la tuya, pero se ve más sencilla. Si todavia tienes el mismo problema, avísame o pásame el código tal como lo tienes en el archivo, para darte una ayuda

RadicalEd

No funciona ,claro que tengo la capa dentro del formulario, pero no me toma los datos.

Gracias

shadow_rev

Sinceramente, estoy bastante perdido con tu problema Ed...

En el div "buscar", pones el form "frmsearch" ?? En ese caso, sobra poner el div dentro de un formulario, ya que estarías creando formularios anidados. Si no es así, al menos habrás captado lo que intento decirte (no pongas un form dentro de otro form).

Y te recuerdo que el poderoso firebug es especial para depurar este tipo de problemas.... o si tienes el chome (como yo), están las opciones para desarrolladores, la consola Javascript es tan útil como el firebug

RadicalEd

Te voy a envíar el código por mail, por que no pudé por acá.

shadow_rev

Apenas pueda, lo reviso. Por ahora voy a instalar mysql; acabo de darme cuenta de que solo tengo el postgres instalado

shadow_rev

Bueno, ya revisé el código (generar.php) y me he dado cuenta de algo:

El HTML que genera para el formulario en cuestión (entre las líneas 166 y 200) queda mal formado; abres la etiqueta <form> antes de abrir una tabla (es la que tiene el submit "Add to bag", llamemosla B ), que está dentro de otra (llamemosla A), luego cierras ambas tablas, pones el div donde va el contenido dinámico y cierras el <form>; el navegador lo traduce cerrando el <form> antes de cerrar A, por lo que el div dinámico queda por fuera del formulario.

Creo que ese es el problema, no he sacado mucho tiempo de hacer buenas pruebas, pero por lo menos espero que te oriente un poco (si es que todavía tenes con el problema).

SoloCodigo

Autor Tema: AJAX y PHP en campos de formulario (Leído 4790 veces)

RadicalEd

AJAX y PHP en campos de formulario

DriverOp

Re: AJAX y PHP en campos de formulario

RadicalEd

Re: AJAX y PHP en campos de formulario

shadow_rev

Re: AJAX y PHP en campos de formulario

RadicalEd

Re: AJAX y PHP en campos de formulario

DriverOp

Re: AJAX y PHP en campos de formulario

RadicalEd

Re: AJAX y PHP en campos de formulario

shadow_rev

Re: AJAX y PHP en campos de formulario

RadicalEd

Re: AJAX y PHP en campos de formulario

JrcsDev

Re: AJAX y PHP en campos de formulario

RadicalEd

Re: AJAX y PHP en campos de formulario

shadow_rev

Re: AJAX y PHP en campos de formulario

RadicalEd

Re: AJAX y PHP en campos de formulario

shadow_rev

Re: AJAX y PHP en campos de formulario

shadow_rev

Re: AJAX y PHP en campos de formulario