Adaptar comando excluir para perguntar antes se deseja deletar

[biakelly 0]

Olá,

 

Tenho o seguinte comando funcionando perfeitamente, mas o problema é que ele exclui após clicar no link "Excluir alunos", tem como adaptar ele para perguntar antes se o usuário quer excluir o aluno? Estou tendo problemas com a pessoa que administra o colégio e esta excluindo "sem querer" os alunos.

 

<span style="cursor: pointer;" onclick="excluirAluno('<?php echo $row['id_aluno']; ?>')"> Excluir alunos</span>

 

 

Tenho essa função que avisa sobre a exclusão:

 

function excluirAluno(id_aluno) {
    $.ajax({
      url: './excluirAluno.php',
      type: 'POST',
      data: {
        id_aluno: id_aluno
      },
      success:function(response){
        if(response=="success"){
          alert("Aluno excluído.");
          location.reload();
        }
        else{
          alert(response);
        }
      }
    })
  }

 

[Jack Oliveira 1]

5 horas atrás, biakelly disse:

<span style="cursor: pointer;" onclick="excluirAluno('<?php echo $row['id_aluno']; ?>')"> Excluir alunos</span>

O mais simples de se fazer isso é usando JavaScript, com a função confirm e do evento onclick

 

<span style="cursor: pointer;"><a href="http://site.com.br/aluno.php?id=<?php echo $row['id_aluno']; ?>" onclick="return confirm('Deseja mesmo Excluir este alunos?');">Excluir!</a></span>

[Williams Duarte 431]

Uma das formas mais fáceis é usar confirm do javascript

 

https://developer.mozilla.org/pt-BR/docs/Web/API/window/confirm

 

function excluirAluno(id_aluno) {

  if (window.confirm("Tem certeza que deseja excluir?")) { 
    $.ajax({
      url: './excluirAluno.php',
      type: 'POST',
      data: {
        id_aluno: id_aluno
      },
      success:function(response){
        if(response=="success"){
          alert("Aluno excluído.");
          location.reload();
        }
        else{
          alert(response);
        }
      }
    })
  }
    
}

 

[biakelly 0]

Oi Williams, não creio que era tão simples hehe minha nossa estou o dia inteiro batendo cabeça, teve uma solução que funcionou aqui, mas essa também é fantástica

 

Muito obrigada!!!

[Omar~ 87]

3 horas atrás, biakelly disse:

não creio que era tão simples

Sim é extremamente simples, um mínima noção de manipulação de elementos com javascript já é mais do que necessário.

Bastando apenas remover o comportamento do formulário e criando supostos botões de manuseio e pronto.

 

<div id="local_de_confirmar" style="display: none">
    Confirmar e salvar o formulário?
    <button onclick="salvarFormulario()">SIM</button>
    <button onclick="retornaFormulario()">NÃO</button>
</div>

<form method="POST" id="confirmar_antes">
    <input type="text" name="exemplo" value="João e Maria" />
    <button>Confirmar ?</button>
</form>


<script>
    var confirmar = document.getElementById('confirmar_antes'), // Obtem o local de confirmar
    confirmacao = document.getElementById('local_de_confirmar'); // Obtem o formulário

    function removerComportamento(e) {
        e.preventDefault(); // Remove o comportamento padrão de um objeto
        confirmacao.style.display = 'block'; // Mostra o local dos botões de validar
        return (false); // Mesmo removendo o comportamento retorne nada evita requisição de funções
    }

    function salvarFormulario() { // Salva o formulário
        confirmar.submit();
    }
    function retornaFormulario() { // Oculta o local dos botões
        confirmacao.style.display = 'none';
    }

    confirmar.addEventListener('submit', removerComportamento, false);
</script>

Entretanto é mais eficiente criar os elementos de confirmação dinamicamente.