Humor Nota 10!

Você não está conectado. Conecte-se ou registre-se

[TUTORIAL] Confirmação para deletar mensagem.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

TheLord

avatar
Administrador
Administrador
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

- 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;
}

- 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



Créditos: © Switch | SpDesign

http://humor-nota10.olympicweb.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum