tabla dinamica.

pabloccontreras · #1 (**permalink**) 01/08/2011, 17:30

Hola, tengo un código javascript que genera tablas dinamicas en un formulario con inputs en su interior, hasta ahi todo bien, el problema es que los datos de los inputs no son enviados, en concreto envia el formulario vacio, ojala me puedan ayudar con esto.
copio el codigo que uso:

<script language=”javascript” type=”text/javascript”> /* Abrimos etiqueta de código Javascript */

var posicionCampo=1;

function agregarUsuario(){

nuevaFila = document.getElementById(“tablaUsuarios”).insertRow (-1);

nuevaFila.id=posicionCampo;

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML=”<td><input type=’text’ size=’15′ name=’nombre["+posicionCampo+"]‘ ></td>”;

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML=”<td> <input type=’text’ size=’10′ name=’web["+posicionCampo+"]‘ ></td>”;

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML=”<td> <input type=’text’ size=’10′ name=’correo["+posicionCampo+"]‘ ></td>”;

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML=”<td><input type=’button’ value=’Eliminar’ onclick=’eliminarUsuario(this)’></td>”;

posicionCampo++;

}

function eliminarUsuario(obj){

var oTr = obj;

while(oTr.nodeName.toLowerCase()!=’tr’){

oTr=oTr.parentNode;

}

var root = oTr.parentNode;

root.removeChild(oTr);

}

</script>

imprimo el formulario con print_ $_POST y me arroja array()

saludos

goteen_mx · #2 (**permalink**) 01/08/2011, 18:39

Pon tu código completo y formateado para que se más entendible o de menos la parte donde envias;

en primera instancia en esta linea nuevaCelda.innerHTML ya no requieres los "<td></td>" ya que creaste la celda, uinicamente ingresa el texto html, y en vez del name puedes ocupar ID .

Saludos.

pabloccontreras · #3 (**permalink**) 01/08/2011, 19:01

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript"> 

var posicionCampo=1;

function agregarUsuario(){

nuevaFila = document.getElementById('tablaUsuarios').insertRow(-1);

nuevaFila.id=posicionCampo;

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML="<input type='text' size='15′ name='nombre["+posicionCampo+"]' >";

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML="<input type='text' size='10′ name='web"+posicionCampo+"[]' >";

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML="<input type='text' size='10′ name='correo["+posicionCampo+"]' >";

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML="<input type='button' value='Eliminar' onclick='eliminarUsuario(this)'>";

posicionCampo++;

}

function eliminarUsuario(obj){

var oTr = obj;

while(oTr.nodeName.toLowerCase()!='tr'){

oTr=oTr.parentNode;

}

var root = oTr.parentNode;

root.removeChild(oTr);

}


</script>
</head>

<body>
<form method="post" action="comprobar.php" >
<table id='tablaUsuarios'  >

<tr>

<td width="175">Nombre</td>
<td width="175">Sitio Web </td>
<td width="100">Correo</td>
<td width="100">Acciones</td>
<td align="right">
<input type="button" onClick="agregarUsuario()"
value="añadir usuario" >
</td>

</tr>

</table>
<input type="submit" value="enviar">
</form>
</body>
</html>

ese es el código completo, que diferencia tendría en cambiar el name por id?, por que necesito que los datos se envien a la base de datos.

saludos

goteen_mx · #4 (**permalink**) 01/08/2011, 19:38

aqui tienes un errror en el corchete

Código HTML:

Ver originalnuevaCelda.innerHTML="<input type='text' size='10' name='web["+posicionCampo+"]' >";

y para imprimir el post con esto

Código PHP:

Ver original$i=0;
while ($i<= sizeof($_POST)){
   echo $_POST[$i],"";
   $i++;
}

Saludos

pabloccontreras · #5 (**permalink**) 01/08/2011, 20:08

ya lo arregle, tenia problema de comillas, gracias por la ayuda goteen_mx ;)