Ver Mensaje Individual
  #3 (permalink)  
Antiguo 01/08/2011, 19:01
pabloccontreras
 
Fecha de Ingreso: julio-2011
Mensajes: 39
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: tabla dinamica.

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