![[TUTORIAL] Confirmação para exclusão de post Empty](https://2img.net/i/empty.gif)
![[TUTORIAL] Confirmação para exclusão de post CXeNSda](https://i.imgur.com/cXeNSda.png) | Confirmação para exclusão de post |
Aprenda aqui como, confirmar a exclusão de uma mensagem sem mudar de página.
1º)Gerir o código:
Primeiramente acesse ao seu Painel de controle do seu fórum em seguida vá em -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScript -> Criar um novo JavaScript
Funcionalidade: PunBB
Título: A sua escolha;
Investimento: Nos tópicos
Código:
Código:
$(document).ready(function(){
$('a[href*="mode=delete"]').bind('click', function(){
$('#popup_delete').remove();
link = $(this).attr('href');
$(this).parents('.post-options').before('<div id="popup_delete" class="popup_delete"><div class="popup_delete_Inner"><h3>Excluir</h3>
<div class="Box_delete">
<div class="Box_container">
<div class="delete_center">
<p>Tem certeza que deseja excluir este post?</p>
</div>
</div>
</div></div><div class="popup_delete_Close"><img src="http://i.imgur.com/2yEMlrZ.png" alt="x"></div></div>');
$.get(link, function(e){
var input = $('.frm-form dd', e).html();
var form = '<form action="/post" method="post" class="frm-form">' + input + '</form></div>';
$('.delete_center p').after(''+ form +'');
});
$('img[alt="x"]').click(function() {
$('#popup_delete').remove();
});
return false;
});
});Para alterar a mensagem procure por: "Tem certeza que deseja excluir este post?" e altere para a mensagem desejada!
2º) Adicionar código CSS:
Agora vá a sua " Folha de estilos (CSS) " e adicione:
Código:
.popup_delete {
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 2000;
bottom: 5px;
right: 5px;
position: fixed;
}
.popup_delete_Inner {
background: white;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
overflow-x: hidden;
width: 350px;
max-height: 642px;
}
.popup_delete_Inner h3 {
background: -moz-linear-gradient(#444,#000);
background-color: #000;
background-image: -webkit-linear-gradient(#444,#000);
text-align: left;
color: white;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.Box_delete {
background: #f0f0f0;
padding: 9px;
}
.Box_container {
background: #fdfdfd;
border: 1px solid #dcdcdc;
}
.delete_center {
padding: 9px;
text-align: center;
}
.delete_center p {
margin-bottom: 5px;
}
.popup_delete_Close {
cursor: pointer;
position: absolute;
right: 20px;
top: 15px;
}3º) Resultado:
![[TUTORIAL] Confirmação para exclusão de post CKyVkI8](https://i.imgur.com/CKyVkI8.png)
[infos=] Texto: SuporteDesign ; Imagem: SuporteDesign ; Código:Daemon[/infos]
