[TUTORIAL] Confirmação para deletar mensagem.

Neste tutorial vou estar ensinando como colocar um alerta de confirmação para poder deletar uma mensagem em um tópico.

Esse código pode funcionar em todas as versões, porém só foi testado em PunBB


1º - Adicionar o Css
Painel de controle > Visualizações > Cores > Folha de estilo Css

Código:


#confirmDel a {
color: #F1F1F1;
display: block;
text-decoration: none;
font: 18px Georgia;
text-align: center;
margin: 5px;
}
#confirmDel {
position: fixed;
left: 40%;
top: 50%;
z-index: 999;
background: #111;
padding: 10px;
border: 1px solid #CCC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}

2° - Adicionar o JavaScript
Painel de controle > Módulos > Gestor dos códigos JavaScript

Marque para funcionar só nos tópicos.

Código:


$(document).ready(function(){

$('a[href*="&mode=delete"]').click(function(e){
e.preventDefault();

$('body').prepend('<div id="confirmDel">
<a href="'+$(this).attr('href')+'" title="Deletar">Clique aqui para deletar a mensagem</a>
<a href="javascript: void(0);" title="Não Deletar" onClick="$(\'#confirmDel\').remove();">Clique aqui para não deletar a mensagem</a>
</div>');

});

});

Resultado Final