[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 Modulos HTML & JavaScript "Aba" Gestão dos códigos JavaScripts |
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Nos tópicos. |
Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. |
Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. |
- 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
© 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 |
Tópicos semelhantes
» Contagem regressiva
» Contagem regressiva - Copa do Mundo
» [TUTORIAL] Edição rápida na mensagem
» Mensagem de exclusão
» [TUTORIAL] Mensagem de aviso personalizada
» Contagem regressiva - Copa do Mundo
» [TUTORIAL] Edição rápida na mensagem
» Mensagem de exclusão
» [TUTORIAL] Mensagem de aviso personalizada
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos