Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/11/2008, 10:44
Avatar de kilpo
kilpo
 
Fecha de Ingreso: noviembre-2008
Mensajes: 19
Antigüedad: 16 años
Puntos: 0
Exclamación Problema al borrar un fila de una tabla

Buenas a todo, soy nuevo en este foro como miembro pero siempre estoy revisando los post y buscando informacion en uno de estos pos dieron un codigo para agregar filas y borrarlas pero este codigo no me funciona.al parecer se marrea con el getElementsByTagName("input") al tener varios input en una fila pero como puedo hacer para que seleccione el checkbox solamente.

Código:
<head>
<script language=javaScript1.2>
function restar() {
var miTabla = document.getElementById("cuerpoTabla");
var i = 0;
do
if (miTabla.rows[i].getElementsByTagName("input")[0].checked == true)
miTabla.deleteRow(i);
else
i ++;
while (miTabla.rows.length != i)
}

function suma() {
var miTabla = document.getElementById("cuerpoTabla");
var fila = document.createElement("tr");
var celda1 = document.createElement("td");
var celda2 = document.createElement("td");
var celda3 = document.createElement("td");
var celda4 = document.createElement("td");
var celda5 = document.createElement("td");
var celda6 = document.createElement("td");
var celda7 = document.createElement("td");
var celda8 = document.createElement("td");
var celda9 = document.createElement("td");
celda1.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=cod1 type=text id=cod1 size=10>";
celda2.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<textarea name=espe1 rows=5 id=espe1></textarea>";
celda3.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=unidad1 type=text id=unidad1 size=7>";
celda4.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=cant1 type=text id=cant1 size=11>";
celda5.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=fech1 type=text id=fech1>";
celda6.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=ppro1 type=text id=ppro1>";
celda7.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=pcom1 type=text id=pcom1>";
celda8.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=prov1 type=text id=prov1>";
celda9.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input type=checkbox>";
fila.appendChild(celda1);
fila.appendChild(celda2);
fila.appendChild(celda3);
fila.appendChild(celda4);
fila.appendChild(celda5);
fila.appendChild(celda6);
fila.appendChild(celda7);
fila.appendChild(celda8);
fila.appendChild(celda9);
miTabla.appendChild(fila);
}


</script>
</head>
<body style="color:blue" >
<script>
document.write(document.body.style[0]);
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
body {
	background-color: #000000;
}
body,td,th {
	color: #FFFFFF;
	font-size: 12px;
}
-->
</style></head>

<body>

<form id="form1" name="form1" method="post" action="">
  <p>&nbsp;</p>
  <p>obra fecha </p>
  <p>
    <input type="text" name="textfield" />
    <label>
    <input type="text" name="textfield2" />
    </label>
  </p>
  <p><fieldset>
  <legend></legend>
  <form id="form1" name="form1" method="get" action="">
  <p>&nbsp;</p>
  <p>
    <legend>Ingresos</legend>
  </p>
  <table width="1024" border="1" id="unaTabla">
    <tbody id="cuerpoTabla">
      <tr id="a1">
        <td width="69" id="b1">Codigo</td>
        <td width="195" id="c1">Especificaciones</td>
        <td width="110" id="c1">Unidades</td>
        <td width="114" id="c1">Cantidad</td>
        <td width="144" id="c1">Fecha de Obra </td>
        <td width="144" id="c1">Precio propuesta </td>
        <td width="144" id="c1">Precio Compra</td>
        <td width="144" id="c1">Proveedor</td>
        <td width="48" id="c1">Eliminar</td>
      </tr>
      <tr align="center" id="a2">
        <td id="b2"><label>
          <input name="cod1" type="text" id="cod1" size="10" />
        </label></td>
        <td id="c2"><textarea name="espe1" rows="5" id="espe1"></textarea></td>
        <td id="c2"><input name="unidad1" type="text" id="unidad1" size="7" /></td>
        <td id="c2"><input name="cant1" type="text" id="cant1" size="11" /></td>
        <td id="c2"><input name="fech1" type="text" id="fech1" /></td>
        <td id="c2"><input name="ppro1" type="text" id="ppro1" /></td>
        <td id="c2"><input name="pcom1" type="text" id="pcom1" /></td>
        <td id="c2"><input name="prov1" type="text" id="prov1" /></td>
        <td id="c2">&nbsp;</td>
      </tr>
    </tbody>
  </table>
  <button onclick="restar()">subir</button>
  <button onclick="suma()">sumar</button>
  <p>l</p>
  <p>&nbsp;</p>
  <p>
    <label>
    <input type="submit" name="Submit2" value="Submit" />
    </label>
  </p>
 
</form>
<p>&nbsp;</p>
</body>
</html> 
    <label>
    <div align="right">
      <input type="submit" name="Submit" value="Enviar" />
    </div>
    </label></p>
  <div align="right"></div>
  </fieldset>*
  </p>

</form>
<p>&nbsp;</p>
</body>
</html>

de antemano muchas gracias.