Borrar filas de tabla

Roxio.Mon · #1 (**permalink**) 17/08/2005, 12:22

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">

</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>

jhonyweb · #2 (**permalink**) 19/08/2005, 06:31

<html>
<head>
<title></title>

<SCRIPT LANGUAGE="JavaScript">

</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>

hola mas o menos he avanzado algo, pero solo borra la ultima fila, tu fallo lo tenias al asociar eventos supongo que el CheckKeys() tp te funcionaria, ahora si funciona, lo unico que solo borra la ultima fila al no saaber yo como poner eventos a la funcion del onclick: btn.onclick=remover;
asi que solo he podido hacer una funcion que borre la ultima fila creada y una vez borrada esta ya no borra mas

a ver si alguien sigue con esto y lo arregla

saludos!!!!!!!!!!!

jhonyweb · #3 (**permalink**) 23/08/2005, 00:47

a ver si alguien se anima y da con la solucion final, thanks....

derkenuke · #4 (**permalink**) 23/08/2005, 07:26

ai dios.. para qué estará el BBCode...

Aqui huele una de DOM. Tu script:

Código PHP:

  var j=0; 
function remover(elem){ 
    do { 
        elem=elem.parentNode; 
    } while(elem.tagName!="TR"); 
    elem.removeNode(true); 
} 
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=function() { 
                remover(this); 
            } 
            td.appendChild(btn); 
        } 
        else{ 
            txt=document.createElement('input'); 
            txt.type='text'; 
            txt.OnKeyPress=CheckKeys; 
            txt.name="esp"+i; 
            txt.value=j+","+i; 
            td.appendChild(txt); 
        } 
    row.appendChild(td); 
    } 
    tbody.appendChild(row);  
    j++; 
} 
 
function CheckKeys(){ 
    if(( event.keyCode >= 97 && event.keyCode <= 122) || (event.keyCode >=65 && event.keyCode <=90))  { 
        event.keyCode=0; 
    } 
}