[TUTORIAL] Exclusão de mensagem com contagem regressiva

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

Principal Contribuidor

[TUTORIAL] Exclusão de mensagem com contagem regressiva Empty [TUTORIAL] Exclusão de mensagem com contagem regressiva

Mensagem por Shek 14.11.15 0:21


[TUTORIAL] Exclusão de mensagem com contagem regressiva Censure

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 [TUTORIAL] Exclusão de mensagem com contagem regressiva 2479035592 Modulos [TUTORIAL] Exclusão de mensagem com contagem regressiva 2479035592 HTML & JavaScript [TUTORIAL] Exclusão de mensagem com contagem regressiva 2479035592 "Aba" Gestão dos códigos JavaScripts
[TUTORIAL] Exclusão de mensagem com contagem regressiva Painel13

[TUTORIAL] Exclusão de mensagem com contagem regressiva 110111[TUTORIAL] Exclusão de mensagem com contagem regressiva 398853 Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Exclusão de mensagem com contagem regressiva 110210[TUTORIAL] Exclusão de mensagem com contagem regressiva 398853 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.
[TUTORIAL] Exclusão de mensagem com contagem regressiva 110310[TUTORIAL] Exclusão de mensagem com contagem regressiva 398853 Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Exclusão de mensagem com contagem regressiva 110410[TUTORIAL] Exclusão de mensagem com contagem regressiva 398853 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
[TUTORIAL] Exclusão de mensagem com contagem regressiva 7JBaXRo



© Fórum dos Fóruns & @Sennior
[TUTORIAL] Exclusão de mensagem com contagem regressiva Questi11 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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos