1 [TUTORIAL] Confirmação para deletar mensagem. 08/11/12, 05:37 pm
HenRyqUéè
Administrador
Avaliador
Helper
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | 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.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | 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
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
© Switch | SpDesign | RMBR
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Confirmação para deletar mensagem |