Borrado en Tabla Dinamica
Tenemos un pequeño inconveniente cuando estamos manejando una tabla dinámica que aparecen segun la solicitud de el cliente y estamos usando el siguiente script:
function mostrar()
{
var objTablae = document.getElementById("detalle");
var objTbodye=objTablae.firstChild;
var objNuevaFilae=objTbodye.childNodes[0].cloneNode(true);
objNuevaFilae.childNodes[0].innerHTML = "<input type ="text" name ="consece"+l+"" id ="consece"+l+"" maxlength="2" size="2" onkeypress="EvaluateText('%f', this);" align="right" disabled class="cajita" >";
objNuevaFilae.childNodes[1].innerHTML = "<input type ="text" name ="desmate"+l+"" id ="desmate"+l+"" maxlength="30" size="10" value="" align="left" class="cajita" >";
objNuevaFilae.childNodes[2].innerHTML = "<input type ="text" name ="subpard"+l+"" id="subpard"+l+"" value="0" size="6" maxlength="10" class="cajita" onkeyup="cambia_arancel1(document.getElementById('subpar1'+(l-1)))" >";
objTbodye.appendChild(objNuevaFilae);
l++;
}
Esto nos esta funcionando perfectamente al oprimir un boton para adicionar el cual llama la function mostrar.
Nuestro problema es que queremos que a traves de un boton de eliminar nos permita borrar la ultima lÃnea que se este trabajando de la tabla. Lo estamos intentando con el siguiente script :
function borrar()
{
var deletePoint = document.getElementById("detalle");
if (deletePoint.hasChildNodes())
{
deletePoint.removeChild(deletePoint.lastChild);
}
}
Pero lo que hace es eliminar todas las filas de una vez y NO nos elimina una por una. ¿Qué sera lo que estamos haciendo mal?
Agradecemos al que nos pueda ayudar a encontrar una solución.
function mostrar()
{
var objTablae = document.getElementById("detalle");
var objTbodye=objTablae.firstChild;
var objNuevaFilae=objTbodye.childNodes[0].cloneNode(true);
objNuevaFilae.childNodes[0].innerHTML = "<input type ="text" name ="consece"+l+"" id ="consece"+l+"" maxlength="2" size="2" onkeypress="EvaluateText('%f', this);" align="right" disabled class="cajita" >";
objNuevaFilae.childNodes[1].innerHTML = "<input type ="text" name ="desmate"+l+"" id ="desmate"+l+"" maxlength="30" size="10" value="" align="left" class="cajita" >";
objNuevaFilae.childNodes[2].innerHTML = "<input type ="text" name ="subpard"+l+"" id="subpard"+l+"" value="0" size="6" maxlength="10" class="cajita" onkeyup="cambia_arancel1(document.getElementById('subpar1'+(l-1)))" >";
objTbodye.appendChild(objNuevaFilae);
l++;
}
Esto nos esta funcionando perfectamente al oprimir un boton para adicionar el cual llama la function mostrar.
Nuestro problema es que queremos que a traves de un boton de eliminar nos permita borrar la ultima lÃnea que se este trabajando de la tabla. Lo estamos intentando con el siguiente script :
function borrar()
{
var deletePoint = document.getElementById("detalle");
if (deletePoint.hasChildNodes())
{
deletePoint.removeChild(deletePoint.lastChild);
}
}
Pero lo que hace es eliminar todas las filas de una vez y NO nos elimina una por una. ¿Qué sera lo que estamos haciendo mal?
Agradecemos al que nos pueda ayudar a encontrar una solución.
El error es que no ahondas en el árbol DOM como debe de ser, lo único que tienes que hacer es lo mismo que hiciste arriba:
function borrar()
{
var deletePoint = document.getElementById("detalle").childNodes[1];
if (deletePoint.hasChildNodes())
{
deletePoint.removeChild(deletePoint.lastChild);
}
}
function borrar()
{
var deletePoint = document.getElementById("detalle").childNodes[1];
if (deletePoint.hasChildNodes())
{
deletePoint.removeChild(deletePoint.lastChild);
}
}