1 alerta de delete Qui Ago 16, 2012 12:35 am
Admin
Admin
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. |
--> Tutoriais, dicas e astúcias <--
Confirmação para deletar mensagem
Confirmação para deletar mensagem
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>');
});
});
3° - Resultado Final
© Switch | SpDesign
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Confirmação para deletar mensagem |