[resolvido] Ajuda Em Função Para Remover Linha De Tabela

Junho 27, 2007

tenho a função abaixo que gera uma tabela com uma soma, gostaria de ajuda na rotina de exclusão das linhas, excluir a linha

até já funciona mas preciso identificar na linha o valor e tirar esse valor do total...

****script javascript**********
function AddLinhaPagamento(){
var vlr;
var vlrTotal;
var coluna1;

var table1 = document.getElementById("tabela4");
totLinhas = table1.rows.length -1;
var linha = table1.insertRow(totLinhas);
var escolha = document.servico.txtPagamento.value;

coluna1 = linha.insertCell(-1);
coluna1.className = "celula1";
coluna1.innerHTML = '<input type="text" readonly id="numero" name="numero"  value="' +      totLinhas + '" />';

coluna1 = linha.insertCell(-1);
coluna1.className = "celula1";
coluna1.innerHTML = '<input type="text" readonly name="teste" value="' + document.getElementById("txtPagamento").value+ '" />';

coluna1 = linha.insertCell(-1);
coluna1.className = "celula1";
coluna1.innerHTML = '<input type="text" readonly name="teste" style="width=80px;text-align:right" value="' + document.getElementById("txtValor_Pagto").value+ '" />';

coluna1 = linha.insertCell(-1);
coluna1.className = "celula1";
coluna1.innerHTML = '<input type="button" style="width=60px" onClick="RemoveLinhaPagamento(this)" value="Excluir" />';

vlr = document.servico.txtValor_Pagto.value.replace(".","")
vlr = vlr.replace(",",".")
vlrTotal = document.servico.totPag.value;
soma = parseFloat(vlrTotal) + parseFloat(vlr);
document.servico.totPag.value = (soma.toFixed(2));

document.servico.Qtd.value = totLinhas;

}
function RemoveLinhaPagamento(objeto) {
  tabela = document.getElementById("tabela4");
     if(objeto)
    tabela.deleteRow(objeto.parentNode.parentNode.rowIndex);
}
******html***************
<div id="centro">
  <table width="70%" border="0" >
    <tr>
      <th>Pagamento</th>
      <th>Valor</th>
      <th>&nbsp;</th>
    </tr>
  <td><select name="txtPagamento" id="txtPagamento" style="margin-left:3px; width:120px;"><option value="0">Selecione</option><option value="Dinheiro">Dinheiro</option><option value="Cheque Vista">Cheque a vista</option><option value="Cheque Pré">Cheque Pré</option><option value="Cartão Crédito">Cartão Crédito</option><option value="Cartão Débito">Cartão Débito</option></select></td>
            <td><input type="text" name="txtValor_Pagto" id="txtValor_Pagto" style="width=80px;text-align:right" onKeyPress="return(currencyFormat(this,'.',',',event))"  onFocus="this.style.backgroundColor='#ffe'" onblur="this.style.backgroundColor=''"></td>
        <td><input type="text" name="txtDt_Pagto" id="txtDt_Pagto" style="width=80px;text-align:right"></td>
        <td><input type="text" name="txtRef_Pagto" id="txtRef_Pagto" style="width=220px;text-align:left" onFocus="this.style.backgroundColor='#ffe'" onblur="this.style.backgroundColor=''"></td>
      <td><input type="button" value="+" onclick="AddLinhaPagamento()" /></td>
      </tr>
  </table>

  <div id="divTabelaPagamento" style="display:none">
      <table id="tabela4">
        <tr>
        <th class="cinza_titulo">Nº:</th>
            <th class="cinza_titulo">Pagto</th>
        <th class="cinza_titulo">Valor</th>
        <th class="cinza_titulo">Depositar em</th>
        <th class="cinza_titulo">Observação do pagamento</th>
        </tr>

      <tr>
              <td colspan="2" class="cinza_titulo">Total</td>
               <td><input type="text" id="totPag" name="totPag" class="cinza_titulo" style="width=80px;text-align:right" value="0"></td>
        <td class="cinza_titulo">Qtd Lanc.</td>
          <td><input type="text" id="Qtd" name="Qtd" class="cinza_titulo" style="width=80px;text-align:right" value="0"></td>
        <td><input type="button" style="width=60px;" onclick="LimpaTabelaPagamento()" value="Limpar" />
      </tr>
    </table>
  </div>
</div>

não sei se esse é o modo certo de fazer esse tipo de processo, está funcionando certinho mas na hora de excluir uma

determinada linha preciso identificar qual a linha e dentro da linha qual é o valor para acertar o total...

Agradeço desde já a atenção dispensada...

.Andreia. · Junho 27, 2007

Pega o valor do campo que está sendo removido antes, refaça a soma e depois remova a linha

Ps.: não abra tópicos iguais.

Junho 27, 2007

Pega o valor do campo que está sendo removido antes, refaça a soma e depois remova a linha
Ps.: não abra tópicos iguais.

é exatamente isso que não estou conseguindo fazer, e por este motivo estou pedindo auxilio...

porque tópicos iguais???

.Andreia. · Junho 27, 2007

Este é seu codigo inteiro? Eu testei aqui e não funcionou

As 8:42 tinha um tópico de sua autoria com a mesma duvida que este apenas com um texto adicional no final do codigo, isso é duplicação de tópicos.

Junho 27, 2007

Este é seu codigo inteiro? Eu testei aqui e não funcionou
As 8:42 tinha um tópico de sua autoria com a mesma duvida que este apenas com um texto adicional no final do codigo, isso é duplicação de tópicos.

bom se isso aconteceu devo ter feito algo errado na hora de postar, peço desculpas..

sim este é meu código e está funcionando somente separei o html do javascript, na verdade eles estão em

arquivos separados...

.Andreia. · Junho 27, 2007

então, posta o js também!

Marc_Dias · Junho 27, 2007

Andreia, segue o código completo coloquei tudo em uma só pagina....

function AddLinhaPagamento(){

var vlr;

var vlrTotal;

var coluna1;

obj = document.getElementById('divTabelaPagamento');

if (obj.style.display == "none")

obj.style.display = "block";

var table1 = document.getElementById("tabela4");

totLinhas = table1.rows.length -1;

var linha = table1.insertRow(totLinhas);

var escolha = document.servico.txtPagamento.value;

coluna1 = linha.insertCell(-1);