Olá, pessoal. boa tarde. Preciso da ajuda de vocês. Gostaria de melhorar o modo de exclusão dos meus registros, por meio do uso de janelas Modal Bootstrap.
Atualmente, faço a exclusão da seguinte forma:
(AO CLICAR NO BOTÃO DE EXCLUSÃO DE ALGUM DETERMINADO REGISTRO)
<a class="btn btn-primary delete" href="#" id="55"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Apagar experiência</a>
O jQuery interpreta o comando:
$('a.delete').click(function()
{
if (confirm("Tem certeza que deseja apagar este registro?"))
{
var id = $(this).attr('id');
var data = 'id=' + id ;
var parent = $(this).parent().parent().parent().parent();
$.ajax(
{
type: "POST",
url: "deletar_experiencia.php",
data: data,
cache: false,
success: function()
{
parent.fadeOut('slow', function() {$(this).remove();});
window.location.reload();
}
});
}
});
A página "deletar_experiencia.php" lê o código por meio do método post e exclui o registro.
Como que eu faço para utilizar a janela modal Bootstrap no lugar desta atual?
Já montei o Modal, mas não sei bem como utilizá-lo. Segue abaixo o modal:
<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
Excluir registro?
</div>
<div class="modal-body">
Confirma exclusão deste registro?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
<a class="btn btn-danger btn-ok">Deletar</a>
</div>
</div>
</div>