[TUTORIAL] Exclusão de mensagem com contagem regressiva
Página 1 de 1 • Compartilhe

[TUTORIAL] Exclusão de mensagem com contagem regressiva
![]() | Exclusão de mensagem com contagem regressiva |
Neste tutorial nós iremos lhe ensinar a colocar uma função que permite um tempo de 5 segundos para a confirmação da exclusão da mensagem. A função é bem simples, vamos ao tutorial.
--> Tutoriais, dicas e astúcias <--
Exclusão de mensagem com contagem regressiva
Exclusão de mensagem com contagem regressiva
1º - Noção básica da função
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.
Vá em: Painel de controle ![]() ![]() ![]() |
![[TUTORIAL] Exclusão de mensagem com contagem regressiva Painel13](https://i.servimg.com/u/f48/15/88/72/83/painel13.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
- Código:
function deletePost(pid) {
$.post('/post', 'p=' + pid + '&mode=delete&confirm=Yes'); ;
}
$(function () {
var a = document.getElementsByTagName('a');
for (var i = 0; i < a.length; i++) {
if (/\/post.*&mode=delete/.test(a[i].href)) {
$(a[i]).click(function (e) {
e.preventDefault();
if (!document.getElementById('Clique para confirmar')) {
this.innerHTML = '<input id="Clique para confirmar" type="button" data-image="' + this.firstChild.src + '" value="Clique para confirmar (5)" onclick="deletePost(' + this.href.replace(/.*p=(\d+).*/, '$1') + ')" />';
var interval = setInterval(function () {
if (!/0/.test(document.getElementById('Clique para confirmar').value)) {
document.getElementById('Clique para confirmar').value = "Clique para confirmar (" + (parseInt(document.getElementById('Clique para confirmar').value.match(/\d/)) - 1) + ")";
} else {
document.getElementById('Clique para confirmar').parentNode.innerHTML = '<img src="' + document.getElementById('Clique para confirmar').getAttribute('data-image') + '" />';
clearInterval(interval);
}
}, 1000);
}
});
}
}
});
3º - Resultado
![[TUTORIAL] Exclusão de mensagem com contagem regressiva 7JBaXRo](https://i.imgur.com/7JBaXRo.png)
© Fórum dos Fóruns & @Sennior
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Exclusão de mensagem com contagem regressiva |
Shek- Principal Contribuidor
-
Membro desde : 11/04/2009
Mensagens : 18743
Pontos : 22599

» Contagem regressiva
» Contagem regressiva - Copa do Mundo
» [TUTORIAL] Edição rápida na mensagem
» Mensagem de exclusão
» Contagem de tópico e mensagem diferente
» Contagem regressiva - Copa do Mundo
» [TUTORIAL] Edição rápida na mensagem
» Mensagem de exclusão
» Contagem de tópico e mensagem diferente
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos