[TUTORIAL] 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.




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.

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.

2º - Código JavaScript a ser utilizado

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

---

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