1

Tenho a seguinte div:

<div id="div_conteudo" align="center">
<div id="header">
<input type="button" name="Delete" class="botao1" style="float: right; margin-right:-12%">
</div>
<div id="foot" style="overflow: auto; width: 100%; height: 440px; border:solid 1px">
<section id="s1">
<div class="div1" id="minhaDiv" style="float: left;"> 
    <table id="table" class="table table-bordered">  
        <tr> 
            <th width="20%" style="text-align:center">De</th>
            <th width="60%" style="text-align:center">Assunto</th>
            <th width="10%" style="text-align:center">Prioridade</th>
            <th width="10%" style="text-align:center">Recebido</th>             
        </tr>
<?php  
    while($row = mysqli_fetch_array($result))  
        {  
?> 
        <tr>
        <th width="10%" colspan=4>Recebido: <?php echo $row["Data"]; ?></th>
        </tr>       

        <tr>  
        <td><?php echo $row["De"]; ?></td>
        <td class="td-info view_data" id="<?php echo $row["Id"]; ?>,<?php echo $row["Para"]; ?>" data-toggle="modal" href="#dataModal" width="20%" <?php echo $row["Status"] != '0'?' style="font-weight:bold" ':' style="font-weight:normal" '?>><?php echo $row["Assunto"]; ?></td>  
        <td><?php echo $row["Prioridade"]; ?></td> 
        <td><?php echo $row["Hora"]; ?></td>
        </tr>
<?php  
        }  
?> 
    </table> 

</div>
</section>
</div>
</div>

JavaScript para selecionar linha:

var tr = $('table tr:not(:first-child)');
tr.on('click', function () {
    var self = this;
    tr.each(function(){
        if(this == self) $(this).toggleClass('colorir');
        else $(this).removeClass('colorir');
    })
});

Dentro da div id="header" tenho o botão que será para fazer delete da linha da tabela, que está dentro da div id="foot". Agora não estou a conseguir colocar o botão a delete a funcionar.

13
  • Não entendi... qual linha vc quer deletar ao clicar no botão?
    – JrD
    29/03/2019 às 11:07
  • @JrD a linha que quero deletar é a que selecionar. De acordo com a linha que seleciono, o botão tem de eliminar
    – Bruno
    29/03/2019 às 11:35
  • E essa linha já está sendo marcada com a classe "colorir", certo?
    – JrD
    29/03/2019 às 11:46
  • @JrD sim, é marcada com essa classe
    – Bruno
    29/03/2019 às 11:47
  • Você quer que a cada linha tenha um botão excluir ou um checkbox que você escolhe quais registros você quer excluir? 29/03/2019 às 11:48

2 Respostas 2

2

A ideia é percorrer todos os tr que possui a classe "colorir", capturar o id dele e usar o remove para remover da tabela, a partir dai vc faz a chamada para remoção no PHP

function deletar(){
    var ids = []; //arraypara armazenar os id's a serem deletados
    $(".colorir").each(function(){ //percorre todos os tr que possui a classe colorir
        ids.push($(this).find("td.td-info view_data").attr("id")); //adiciona o id da linha ao array
        $(this).remove();
    })
    //só fazer a chamada para remoção das linhas no php
    console.log(ids);
}

Basta fazer a chamada da função em seu botão

<input type="button" name="Delete" class="botao1" style="float: right; margin-right:-12%" onclick="deletar();">
4
  • editei a pergunta com o código, porque quando chamo o php por ajax, não está a enviar o Id, retorna sempre indefinido. Assim não remove na base de dados.
    – Bruno
    29/03/2019 às 13:15
  • @Bruno Tente enviar com data: {ids: ids}
    – JrD
    29/03/2019 às 13:20
  • O ajax continua sem enviar o id da td, retorna sempre indefinido
    – Bruno
    29/03/2019 às 14:05
  • 1
    O problema estava nesta linha ids.push($(this).find("td.td-info view_data").attr("id"));, então alterei para: ids.push($(this).find(".apagar").attr("Id")); e adicionei a classe apagar à td
    – Bruno
    29/03/2019 às 15:02
1

Acredito que a solução possa ser feita com PHP mesmo. Esse código vai deletar todas as linhas que tem o checkbox marcado.

<form method="POST" action="paginaDelete.php">
   <input type="submit" value="Apagar Linha"/>
   <table>
       <tr>
           <th>Nome</th>
           <th>Sobrenome</th>
       </tr>
       <?php
       while($row = $result->fetch_assoc()){
          echo" <tr>
              <td>".$row['nome']."</td>
              <td>".$row['sobrenome']."</td>
              <td><input type='checkbox' name='id[]' value='".$row['id']."' /></td>
           </tr>";
       } 
       ?>
   <table>         
</form>

Na página aonde fica o delete você tem que fazer o seguinte

<?php
foreach($_POST['id'] as $id)
{
    $delete = "DELETE FROM tabela WHERE id='$id'";
    $mysqli->query($delete);
}
echo "
<script>
    alert('Linha deletada com sucesso!');
    window.location.href='../suapagina.php';
</script>";
?>
3
  • mas no meu projeto o botão para apagar a linha fica no cabeçalho da div, logo não fica dentro do form
    – Bruno
    29/03/2019 às 13:00
  • Você consegue fazer o botão fora do form utilizando a tag form="idDoForm" no botão submite, como no exemplo abaixo: <form id="myform" method="get" action="something.php"> <input type="text" name="name" /> </form> <input type="submit" form="myform" /> Ou então utilizando javascript 29/03/2019 às 13:03
  • sim tem razão, mas já resolvi com o código que tinha acima. Faltava me chamar a função deletar no onclick do botão
    – Bruno
    29/03/2019 às 13:05

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .