porfavor!!! necesito ayuda con esta pagina, por alguna razon, no me deja borras las filas de esta tabla.... ojo q luego deseo pasarlo a un jsp, q es donde terminare de programarlo!
ayudaaaaaaaaaaaaaaaaaaaaaaaa
a aqui les paso el codigo
<html>
<head>
<title></title>
<SCRIPT LANGUAGE="JavaScript">
<!--
var j=0;
function addRow(id,cant){
var tbody = document.getElementById(id).getElementsByTagName(" tbody")[0];
row=document.createElement('TR');
row.id="fila"+j;
for(i=0; i<=cant; i++){
var td = document.createElement("TD");
if(i==cant){
btn=document.createElement('input');
btn.type='button';
btn.value='[borrar]';
btn.onclick="removeIT(fila"+j+")"
td.appendChild(btn);
}else{
txt=document.createElement('input');
txt.type='text';
txt.OnKeyPress="CheckKeys()";
txt.name="esp"+i;
td.appendChild(txt);
}
row.appendChild(td);
}
tbody.appendChild(row);
j=j+1;
}
function CheckKeys(){
if(( event.keyCode >= 97 && event.keyCode <= 122) || (event.keyCode >=65 && event.keyCode <=90))
{
event.keyCode=0;
}
}
function removeIT(fila) {
document.getElementById(fila).removeNode();
}
//-->
</script>
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<form name="sampleform" action="ServletInsProduccion">
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td >
<table border="0" align="left" cellpadding="2" cellspacing="1" bordercolor="#FFFFFF">
<tr>
<td colspan="2" align="left">
<input type="button" name="btnAgregar" onclick="addRow('tbRegProduccion','4')" value="Agregar Nuevo Registro" class="botonrecargado">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<table id="tbRegProduccion" width="100%" border="1" align="center" cellpadding="2" cellspacing="1">
<tr><td>Input 1</td><td>Input 2</td><td>Input 3</td><td>Input 4</td><td>Borrar</td></tr>
</table>
</td>
</tr>
</form>
</body>
</html>