APORTE...tabla dinamica

Enishy · #1 (**permalink**) 30/12/2008, 12:25

Hola Foreros aqui les dejo el codigo para crear una tabla dianmica utiliando PHP como concecuente lectura de datos que se pude utilizar para BD >> creado por mi amigo Ing. Jose Aspillaga

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" />
<title>Documento sin t&iacute;tulo</title>
<script language="JavaScript" type="text/javascript">
<!--
var nro=0;
function eliminar(fila)
{
var tabla=document.getElementById("tablaid");
tabla.deleteRow(fila.rowIndex);
}
function insertar()
{
nro++;
var tabla=document.getElementById("cuerpo");
var fila=tabla.insertRow(-1);
	col1=fila.insertCell(-1);
	col1.appendChild(document.createTextNode("Nro "+nro));
	
	col2=fila.insertCell(-1);
	col2.innerHTML="<input type='text' name='nombre[]'>";
	
	col3=fila.insertCell(-1);
	col3.innerHTML="<a href='#' onClick='eliminar(this.parentNode.parentNode)'>Eliminar<\a>";

}
//-->
</script> 
</head>
<body>

<form action="ver.php" method="POST"  name="form1" >
 <input type="button" onclick="insertar()" />
<table id="tablaid" border="2" width="70%">
<thead>
    <tr >

        <td width="20%"><b>Nro</b></td>
        <td><b>Nombre</b></td>
        <td>&nbsp;</td>
    </tr>
</thead>
<tbody id="cuerpo"></tbody>
<tfoot>
    <tr >
    <td colspan="3" align="center"><input type="submit" /></td>

    </tr>
</tfoot>       
</table>
</form>
 
</body>

ver.php

Código PHP:

  <?php

$n=$_POST["nombre"];

for ($i=0;$i<count($n);$i++)

{

echo $n[$i];

echo "<br>";

}

?>

GatorV · #2 (**permalink**) 30/12/2008, 12:28

Tema trasladado a Javascript.