[Tutorial] Atualizar para últimos assuntos

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

Admin
Admin
Administrador
Tempo Online : 250d 6h 21m 59s
Mensagens : 693
Reputação : 4
https://bestweb.forumeiro.com

MensagemAdmin 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 >>
[Tutorial] Atualizar para últimos assuntos Painel13
[Tutorial] Atualizar para últimos assuntos 110111Arrow Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[Tutorial] Atualizar para últimos assuntos 110210Arrow 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.
[Tutorial] Atualizar para últimos assuntos 110310Arrow Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[Tutorial] Atualizar para últimos assuntos 110410Arrow 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
    [Tutorial] Atualizar para últimos assuntos Result15

Ver o tópico anterior Ver o tópico seguinte Ir para o 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ões neste sub-fórum
Não podes responder a tópicos