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


1º) Código utilizado:

Código:

m='.module #comments_scroll_div';jQuery(document).ready(function(){jQuery(m).parent().find('.h3').append(' [img(15px,15px)]http://www.rrpg.com.br/images/reload.png[/img]');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:

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript

Depois vocês irão clicar em "Criar 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º) O 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 "http://www.rrpg.com.br/images/reload.png ", e então alterar pela URL da imagem que deseja.
  

---

© Quakeline/FRDESIGN/VirtualDesign