Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Esvaldo Marcos

Botão remover tr clonada da tabela

Por , em Javascript

Recommended Posts

Esvaldo Marcos    0

Esvaldo Marcos
Postado

Olá a todos, tenho um site onde tenho um formulário, e neste formulário é acrescentada uma linha na tabela ao clicar num botão, até ai tudo certo, tudo funcionando com o código abaixo:

<script type="text/javascript">
function clonarLinha() {
  var row = document.getElementById("linhaParaClonar");
  var table = document.getElementById("tabela");
  var clone = row.cloneNode(true);
  clone.id = "linhaClonada";
  table.appendChild(clone);
}
</script>

O que preciso é a função para excluir a linha clonada, caso o usuário não precise desta linha. Alguém poderia me ajudar?

 

Aqui chama a função para adicionar a linha:

<div id="botao-add">
<input type="button" onclick="clonarLinha()" value="+ Cortes" />
</div>

Aqui seria pra remover a linha clonada:

<td><a href="#" class="removerCampo" title="Excluir"><img src="images/recycle.png" widht="32px" height="32px" border="0" align="center"></img></a></td>

Agradeço de coração, quem a todos e principalmente quem puder me ajudar.

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Julio.mac    1

Julio.mac
Postado

Pode ser usado fadeout que é usado no Ajax!
Exemplo:

<script>
$(document).ready(function(){
    $(".btn1").click(function(){
        $("p").fadeOut()
    });
    $(".btn2").click(function(){
        $("p").fadeIn();
    });
});
</script>
</head>
<body>

<p>This is a paragraph.</p>

<button class="btn1">Fade out</button>
<button class="btn2">Fade in</button>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Esvaldo Marcos    0

Esvaldo Marcos
Postado

 

Pode ser usado fadeout que é usado no Ajax!

Exemplo:

<script>
$(document).ready(function(){
    $(".btn1").click(function(){
        $("p").fadeOut()
    });
    $(".btn2").click(function(){
        $("p").fadeIn();
    });
});
</script>
</head>
<body>

<p>This is a paragraph.</p>

<button class="btn1">Fade out</button>
<button class="btn2">Fade in</button>

E ae Julio, cara pelo que li no seu exemplo, o fadeout não atende a minha necessidade. Pois não preciso mostrar e ocultar input mas sim, clonar ( a clonagem já tá ok) e excluir o input clonado que por sua vez é uma linha inteira de uma tabela.

 

Mas valeu pela força.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Esvaldo Marcos    0

Esvaldo Marcos
Postado

Bom dia,

 

Tenta algo assim - http://codepen.io/angelorubin/pen/jAaRYL?editors=1010

Dei uma melhorada.

Fala Angelo, cara valeu mesmo pela força, tô vendo aqui se teu código me atende.

 

Mas em todo o caso postei o código pra quem quiser ver ele funcionando.

 

http://codepen.io/codigobeta/pen/ZOvAYq?editors=1010#0

 

Note que o adicionar (+Cortes) está funcionando, só não consigo fazer o excluir funcionar.

 

Nesse caso, penso que o allex_carvalho já deu a resposta.

E ae wootzor, tbm acredito que essa seja a resposta que eu preciso, porém não consegui fazer funcionar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Electronic    124

Electronic
Postado

Ele nao ta usando Jquery 

var row = document.getElementById("linhaParaClonar");
var table = document.getElementById("tabela");
table.removeChild(row)// depois de clonar

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito