[Tutorial] Atualizar para últimos assuntos

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

avatar
Admin
Administrador
Tempo Online : 250d 6h 21m 59s
Mensagens : 693
Reputação : 4
Ver perfil do usuário http://bestweb.forumais.com

MensagemAdmin em Dom Out 02, 2016 3:26 pm

Com este código podemos permitir um botão de atualizar no widget de últimos assuntos, sem que seja preciso atualizar a página. Este recurso utiliza o método load, podendo ser carregado apenas uma vez por atualização de página.


--> Tutoriais, dicas e astúcias <--
Atualizar para últimos assuntos



- Função do Javascript:
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.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
Arrow Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Arrow Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
Arrow Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
Arrow 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 a ser usado
Após aplicar o Investimento, basta colar o seguinte código atento com as modificações assinaladas:
Para phpBB2:
Código:
$(function () {
    $('.forumline.genmed:contains("Últimos assuntos") .module-title, .forumline.genmed:contains("Últimos assuntos")  .module-title').after('<a href="#_" id="updateAssuntos">Atualizar</a>');
  $("#updateAssuntos").click(function () {
        $('.forumline.genmed:contains("Últimos assuntos")').load('/ .forumline.genmed:contains("Últimos assuntos")', function () {
            $('.forumline.genmed:contains("Últimos assuntos") .module-title, .forumline.genmed:contains("Últimos assuntos") .h3').after('<a href="#_" id="updateAssuntos">Refresh</a>');
            var scrollingWidget = $('.marquee');
            if (scrollingWidget.length) {
                $('.marquee').wrap('<marquee direction="up" scrollamount="2" scrolldelay="90" width="auto" height="auto"></marquee>');
            }
        });
    });
 
 
});
Para phpBB3:
Código:
$(function () {
    $('.module:contains("Últimos assuntos") .h3, .module:contains("Últimos assuntos") .h3').after('<a href="#_" id="updateAssuntos">Atualizar</a>');
    $("#updateAssuntos").click(function () {
        $('.module:contains("Últimos assuntos")').load('/ .module:contains("Últimos assuntos")', function () {
            $('.module:contains("Últimos assuntos") .h3, .module:contains("Últimos assuntos") .h3').after('<a href="#_" id="updateAssuntos">Refresh</a>');
            var scrollingWidget = $('#comments_scroll_div');
            if (scrollingWidget.length) {
                $('#comments_scroll_div').wrap('<marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="90" width="auto" height="auto"></marquee>');
            }
        });
    });
});
Para PunBB:
Código:
$(function () {
    $('.module:contains("Últimos assuntos") h3, .module:contains("Últimos assuntos") .h3').after('<a href="#_" id="updateAssuntos">Atualizar</a>');
    $("#updateAssuntos").click(function () {
        $('.module:contains("Últimos assuntos")').load('/ .module:contains("Últimos assuntos")', function () {
            $('.module:contains("Últimos assuntos") h3, .module:contains("Últimos assuntos") .h3').after('<a href="#_" id="updateAssuntos">Refresh</a>');
            var scrollingWidget = $('.marquee');
            if (scrollingWidget.length) {
                $('.marquee').wrap('<marquee class="marquee" direction="up" scrollamount="2" scrolldelay="90" width="auto" height="auto"></marquee>');
            }
        });
    });
});
Você poderá alterar o termo "Atualizar" como preferir. Pressione o Ctrl + F e procure por:
Atualizar
E o botão Refresh.

  • Resultado

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

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

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