Jose Hamizaki
Designer Grafico
Dom 27 Jan 2013, 8:41 am | |
<
Atualizar Últimos Assuntos
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 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:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript
Depois você irá 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:
PERGUNTAS E RESPOSTAS DO TUTORIAL
- 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.
Creditos: Quakeline
Última edição por Jose Hamizaki em Dom 27 Jan 2013, 10:55 am, editado 1 vez(es)