[SOLUCIONADO] Añadir filas a una tabla

carlosdlima4 · #1 (**permalink**) 05/11/2015, 07:56

Buenos dias, estoy dando mis primeros pasos con php y javascript tengo una tabla a que necesito añadir filas presionando un boton o algun link. aqui les dejo el codigo html para ver si me pueden guiar..... para ser mas especifico quiero añadir las filas donde establecen la carga familiar, a partir de alli.!!!

Código HTML:

Ver original<!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=iso-8859-1" />
<link href="../css/estilos.css" rel="stylesheet" type="text/css" />
<link href="../menu/css/estilo-menu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../script/js.js"></script>
<title>.:Bienvenido:.</title>
</head>
 
<body>
<div id="principal">
<div id="cabecera">
  <div align="center"><img src="http://www.forosdelweb.com/f13/img/header/logo-transparent.png" width="1000" height="100" /></div>
</div>
<div id="menu"><?php //include('../menu/menu.html'); ?></div>
<div id="colder">
<form action="#" method="get" name="reg">
<table width="1377" id="dataTable">
    <thead>
    <tr>
        <th colspan="10">Datos del Empleado </th>
        </tr>
    </thead>
    <tbody>
    <tr>
        <td width="147">Primer Nombre: </td>
        <td width="165"><label>
          <input type="text" name="textfield" />
        </label></td>
        <td width="144">Primer Apellido: </td>
        <td width="165"><label>
          <input type="text" name="textfield3" />
        </label></td>
        <td width="174">Cedula de Identidad: </td>
        <td width="172"><label>
          <input type="text" name="textfield5" />
        </label></td>
        <td width="106">Edad:</td>
        <td colspan="3"><label>
          <input type="text" name="textfield7" />
        </label></td>
    </tr>
    <tr>
      <td>Segundo Nombre: </td>
      <td><input type="text" name="textfield2" /></td>
      <td>Segundo Apellido:</td>
      <td><input type="text" name="textfield4" /></td>
      <td>Fecha de Nacimiento:</td>
      <td><input type="text" name="textfield6" /></td>
      <td>Sexo:</td>
      <td colspan="3"><select name="select">
      </select></td>
      </tr>
    <tr>
      <td>Discapacidad:</td>
      <td><label>Si:
          <input name="radiobutton" type="radio" value="radiobutton" />
      No:
      <input name="radiobutton" type="radio" value="radiobutton" />
      </label></td>
      <td>Especifique:</td>
      <td><label>
        <input type="text" name="textfield8" />
      </label></td>
      <td>Profesion:</td>
      <td><label>
        <input type="text" name="textfield9" />
      </label></td>
      <td>Estado Civil : </td>
      <td colspan="3"><label>
        <select name="select2">
          </select>
      </label></td>
      </tr>
    <tr>
      <th colspan="10">Direccion de Habitacion </th>
      </tr>
    <tr>
      <td>Direccion:</td>
      <td><label>
        <input type="text" name="textfield10" />
      </label></td>
      <td>Estado:</td>
      <td><label>
        <select name="select3">
          </select>
      </label></td>
      <td>Municipio:</td>
      <td><label>
        <select name="select4">
          </select>
      </label></td>
      <td>Parroquia:</td>
      <td colspan="3"><label>
        <select name="select5">
          </select>
      </label></td>
      </tr>
    <tr>
      <td>Sector:</td>
      <td><label>
        <input type="text" name="textfield11" />
      </label></td>
      <td>Urb, Barrio, Av : </td>
      <td><label>
        <input type="text" name="textfield12" />
      </label></td>
      <td>Telefono Celular: </td>
      <td><label>
        <input type="text" name="textfield13" />
      </label></td>
      <td>Telefono Hab: </td>
      <td colspan="3"><label>
        <input type="text" name="textfield14" />
      </label></td>
      </tr>
    <tr>
      <td>Correo Electronico: </td>
      <td><label>
        <input type="text" name="textfield15" />
      </label></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td colspan="3">&nbsp;</td>
      </tr>
    <tr>
      <th colspan="10">Carga Familiar </th>
      </tr>
    <tr>
      <td>Primer Nombre:</td>
      <td><label>
        <input type="text" name="textfield16" />
      </label></td>
      <td>Primer Apellido:</td>
      <td><label>
        <input type="text" name="textfield17" />
      </label></td>
      <td>Parentesco:</td>
      <td><label>
        <input type="text" name="textfield18" />
      </label></td>
      <td>Sexo:</td>
      <td width="85"><label>
        <select name="select6">
          </select>
      </label></td>
      <td width="88">Edad:</td>
      <td width="89"><label>
        <input name="textfield19" type="text" size="5" />
      </label></td>
    </tr>
    </tbody>
</table>
</form>
</div>
<div class="clear"></div>
<div id="foot"></div>
</div>
</body>
</html>

Alexis88 · #2 (**permalink**) 05/11/2015, 11:36

Bienvenido a Foros del Web.

Para añadir filas, puedes utilizar el método .insertRow(), mientras que para añadir celdas a la fila, puedes utilizar el método .insertCell().

Un saludo

carlosdlima4 · #3 (**permalink**) 09/11/2015, 04:39

Cita:

Iniciado por Alexis88

Bienvenido a Foros del Web.

Para añadir filas, puedes utilizar el método [URL="http://www.w3schools.com/jsref/met_table_insertrow.asp"][inline].insertRow()[/inline][/URL], mientras que para añadir celdas a la fila, puedes utilizar el método [URL="http://www.w3schools.com/jsref/met_tablerow_insertcell.asp"][inline].insertCell()[/inline][/URL].

Un saludo

ok ok... investigare sobre eso.. gracias