Patrão escreveu:

Atualizar Últimos Assuntos

Neste tutorial iremos adicionar um botão para atualizar o widget Últimos Assuntos sem precisar reentrar no fórum.

--> Tutoriais, dicas e astúcias <--
Atualizar Últimos Assuntos

1º - Código utilizado

Código:

m='.module #comments_scroll_div';jQuery(document).ready(function(){jQuery(m).parent().find('.h3').append(' <img src=http://www.rrpg.com.br/images/reload.png style=height:15px;width:15px;cursor:pointer id=loadwidgetulas>');jQuery('img#loadwidgetulas').click(function(){b=jQuery('#loadwidgetulas');b.hide();jQuery.get('/forum',function(t){jQuery(m+' #comments_scroll_container').html(jQuery(m,t).html());b.show()})})});

2º - Inserindo o código JavaScript:
Aceda o seu Painel de Controle :seta1: Módulos :seta1: HTML & JAVASCRIPT :seta1: Gestão dos códigos JavaScript
Após isso é só clicar em Adicionar um novo javascript.









Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;




Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna do widget;




Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;




Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.












3º - Resultado final

• Funciona em quais versões?
  Funciona em todas as versões por ser só um código JavaScript.

• Pode alterar a imagem de atualizar?
  Sim pode alterar a imagem e só procurar por isso no código "www.rrpg.com.br/images/reload.png", e então alterar pela URL da imagem que deseja.

---

© SuporteDesign & DivineArtz

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [DUVIDA]Atualizar Últimos Assuntos