Legion Designers
Legion Designers


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

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

1 alerta de delete em Qui Ago 16, 2012 12:35 am

Admin

avatar
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




- 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





© 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

Ver perfil do usuário http://legiondesigners.forumais.com

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