[SOLUCIONADO] Problema al eliminar un <tr>

[jdangosto]

Hola a todo@s.
Tengo un problemilla con unas funciones y ya no se cómo solventarlo.
El caso es que utilizo una funcion js para agregar filas a una tabla, y luego ejecuto una funcion .post para insertarlos en una BBDD. El código es el siguiente:

Código:

$(document).ready(function(){
   fn_eliminar();
  
});

function fn_agregar(){
    cadena = "<tr>";
    cadena = cadena + "<td>" + $("#cod_barras").val() + "</td>";
    cadena = cadena + "<td>" + $("#descripcion").val() + "</td>";
    cadena = cadena + "<td>" + $("#unidades").val() + "</td>";
    cadena = cadena + "<td>" + $("#precio_venta").val() + "</td>";
    cadena = cadena + "<td>" + $("#Marca").val() + "</td>";
    cadena = cadena + "<td id='subtotal'>" + $("#unidades").val() * $('#precio_venta').val() + "</td>";
    cadena = cadena + "<td><a class='elimina'><img src='delete.png' style='cursor:pointer;' /></a></td></tr>";
    document.getElementById('codigo_articulo').focus();
    
        $("#tabla").append(cadena);
            //enviamos los valores para insertarlos en la tabla tmp_art_ventas
            $.post("insertaTMP.php", {
                    id_articulo: $("#cod_articulo").val(),
                    cant_articulos: $("#unidades").val(),
                    descripcion: $("#descripcion").val(),
                    precio: $("#precio_venta").val(),
                    iduser: $("#iduser").val()
                    });
        
};

Esta función, va a la perfección.
Luego tengo declarada otra función para eliminar filas de la tabla, la función sería la siguiente:

Código:

function fn_eliminar(){
    $("a.elimina").click(function(){
        id = $(this).parents("tr").find("td").eq(0).html();
        respuesta = confirm("Desea eliminar el articulo: " + id);
        if (respuesta){
            $(this).parents("tr").fadeOut("normal", function(){
            $(this).remove();
	    //ejecutamos la consulta para que elimine de la BBDD
		$.post("deleteTMP.php",{
		iduser: $("#iduser").val(),
		cod_articulo: $("#cod_articulo").val()
            });
            })
        }
    });
};

Bien, ambas funciones funcionan, pero no como yo quisiera.
El caso es que cada vez que intento eliminar uno de las filas de la tabla me pide la confirmación, tantas veces como filas me queden en la tabla, y además, cuando ejecuta la consulta para eliminarlo de la BBDD, el cod_articulo siempre es el del último artículo que he agregado a la tabla.

Qué estoy haciendo mal?

Desde ya GRACIAS!

[MCF]

mmm no te mandará a eliminar todas porque mandas a llamar la función fn_eliminar cuando carga la pagina?

[jdangosto]

Ya lo resolvi, descuida.

Gracias!

[MCF]

bien que bueno! podrías poner la solución por si alguien mas tiene este problema y llega a este tema sepa que ocurrió mal?

[ghidalgoram]

Iniciado por MCF

bien que bueno! podrías poner la solución por si alguien mas tiene este problema y llega a este tema sepa que ocurrió mal?

Es bueno, como dice el colega, poner la solución y asi ayudamos a la comunidad.
Saludos.

[el_ale_pery]

Porfavor necesito la solucion al problema...
Gracias

[jdangosto]

Hola!

Ante todo pedir disculpas a la comunidad por no postear la solución, pero se me pasó totalmente en el momento que lo resolví.

Por lo que recuerdo es más sencillo de lo que parece, había que definir una variable al <tr> y luego pasarla a la consulta.

El código completo sería el siguiente:

Código:

function recargar(){	
      /// Variable que voy a enviar a php usando post
	var iduser = document.getElementById("iduser").value;
	var impuesto = document.getElementById("impuesto_aplicado").value;
     /// Envio datos al php y los guardo en mi variable datos
	$.post("TotalAlbaran.php", { iduser: iduser, impuesto : impuesto }, function(data){
     /// Finalmente escribo las respuesta de php en el div recargado
	$("#total_venta").html(data);
	});			
}

function limpia(){
	document.getElementById("codigo").value="";
	document.getElementById('codigo').focus();
	document.getElementById("descripcion").value="";
	document.getElementById("unidades").value="";
	document.getElementById("precioCompra").value="";
	document.getElementById("precioVenta").value="";
	// document.getElementById("familia").value ="";
	
}


/*************************  PARA LOS ARTICULOS  **********************/

var cont = 0;
           
function fn_agregar(){
    cont++;
    cadena = "<tr id='articulo_"+ cont +"'>";
    cadena = cadena + "<td>" + $("#codigo").val() + "<input type='hidden' id='cod_articulo"+cont+"' value='"+ $("#codigo").val() +"'</td>";
    cadena = cadena + "<td>" + $("#descripcion").val() + "</td>";
    cadena = cadena + "<td>" + $("#familia").val() + "</td>";
    cadena = cadena + "<td>" + $("#unidades").val() + "</td>";
    cadena = cadena + "<td>" + $("#precioCompra").val() + "</td>";
    cadena = cadena + "<td>" + $("#unidades").val() * $('#precioCompra').val() + "</td>";
    cadena = cadena + "<td>" + $("#precioVenta").val() + "</td>";
    
    //cadena = cadena + "<td><a class='eliminar' onclick='fn_eliminar("+ cont + ");'><img src='delete.png' style='cursor:pointer;' /></a></td></tr>";
    cadena = cadena + "<td><img src='delete.png' style='cursor:pointer;' onclick='eliminarFila(" + cont + ");' /></td></tr>";

    document.getElementById('codigo').focus();
    
        $("#tabla").append(cadena);
            //enviamos los valores para insertarlos en la tabla tmp_art_ventas
           
	    $.post("insertaTMP.php", {
                    cod_articulo: $("#codigo").val(),
		    		descripcion: $("#descripcion").val(),
                    unidades: $("#unidades").val(),                    
                    idalbaran: $("#idalbaran").val(),
		    		precioCompra: $("#precioCompra").val(),
		    		precioVenta: $("#precioVenta").val(),
                    iduser: $("#iduser").val()
                    });
	   
    //actualizamos el precio
    recargar();
    //limpiamos
    limpia();
};

function eliminarFila(cont){
    respuesta = confirm("Desea eliminar el articulo: "+cont);
    if (respuesta){
	    //$("#articulo_" + cont).remove();
	    var cod_articulo = $("#codigo"+ cont ).val();
		
	    $("#articulo_"+cont).fadeOut("normal",function(){
		$.post("deleteTMP.php",{
		    iduser: $("#iduser").val(),
		    codigo: $("#cod_articulo"+ cont ).val()
		    });
		});
	    //actualizamos el precio de nuevo
	    recargar();
	    }
    
}

Espero que os sea de utilidad.

Saludos!!!