Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/02/2014, 07:43
darkcl0wn
 
Fecha de Ingreso: febrero-2014
Mensajes: 32
Antigüedad: 10 años, 3 meses
Puntos: 0
Añadir/Eliminar filas de tablas html con javascript, gran problema

Hola gente, buenos días, soy de echo muy nuevo en lo que se refiere al tema de javascript y html, para ser mas conciso hace 4 días que estoy intentando aprender ambos lenguajes, pero mi ambición con el poder de estos dos supera mi conocimiento, entonces que mas poder hacer que recurrir a la ayuda de alguno de ustedes, cabe decir que mi problema lo busque y vi varios temas similares en el foro pero nada que me pueda ayudar, sin mas que decir al problema...

Tengo este codigo

Código:
<!DOCTYPE html>
<html>
<body>

<table id="myTable" border="1">
<tr>

</tr>
</table><br>

<button onclick="myCreateFunction()">Crear</button>
<button onclick="myDeleteFunction()">Borrar</button>

<script>
function myCreateFunction()
{
var table = document.getElementById("myTable");
  {
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "Quiero insertar input text aaqui";
  cell2.innerHTML = "Aqui tambien";
  }
}
function myDeleteFunction()
{
document.getElementById("myTable").deleteRow(0);
}
</script>

</body>
</html>

El código funciona bien cumpliendo su propósito, el problema va en que yo lo quiero para otro, quiero insertar en la tabla, es decir, en las celdas (Si es asi como se le dice) campos de textos, no que quede solo un texto como ahora sucede, también quiero redimensionar el tamaño de las celdas...

Agradecería que alguien me eche una mano :)