Estou tentando utilizar o sweet alert
pra confirmar a intenção de apagar uma linha da tabela MySQL, mas acho que não estou sabendo como fazer.
Usando o alert
simples faço assim:
<a title='Remover linha' class= 'deletrow' href='deletrow.php?id=$id'><i class='fa fa-remove resultsfa5'></i></a>
No arquivo deletrow.php
está o MySQL pra apagar a linha e antes de apagar o JS pede a confirmação:
$('.deletrow').on('click', function () {
return confirm('Tem certeza que deseja apagar esta linha?');
});
Mas tentando com o sweet alert
não dá certo, porque quando coloco o href
dentro da tag <a>
(sem o href
funciona) ele apenas pisca na tela.
Neste fiddle dá pra reproduzir o problema. Basta tirar o href
de dentro da tag que já funciona, senão apenas pisca... mas daí então como aponto para o arquivo onde está a query
do MySQL?
Segue abaixo o snippet funcional (com button
):
document.querySelector('.sweet-1').onclick = function(){
swal("Nice alert!");
};
<script src="//code.jquery.com/jquery-2.1.1.js"></script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.js"></script>
<link href="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.css" rel="stylesheet"/>
<div class="row">
<div class="col-sm-2 text-center">
<p><button class="btn btn-primary sweet-1">Abrir alert</button></p>
</div>
</div>
Então como posso utilizar com <a href...>
, ou, mesmo usando com <button>
onde incluo a regra pra apagar a linha?
sweet alert
mesmo. A resposta abaixo resolveu. Valeu.