[TUTORIAL] Exclusão de mensagem com contagem regressiva

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Exclusão de mensagem com contagem regressiva

Mensagem por Shek em 13/11/15, 10:21 pm



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


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


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

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17363
Pontos Ativos : 21548

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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