FREEDOM DESIGN

Liberdade de edição


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 [TUTORIAL] Atualizar Últimos Assuntos em Sex Jan 25, 2013 11:20 am

Membro

Freedom Design
Atualizar Últimos Assuntosl

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.



Atenção: Este tutorial faz parte do acervo de tutoriais do Freedom Design, sua cópia só é permitida com autorização dos administradores do fórum



Última edição por Quakeline em Sab Jan 26, 2013 5:29 pm, editado 2 vez(es)

Ver perfil do usuário

2 Re: [TUTORIAL] Atualizar Últimos Assuntos em Sab Jan 26, 2013 5:15 pm

Administrador

Adeque corretamente a nova estrutura de tutoriais:
http://frdesign.probb.org/t133-estrutura-de-tutoriais#809

-Adicione um resultado

Após terminar envie-me uma MP.

Ver perfil do usuário

3 Re: [TUTORIAL] Atualizar Últimos Assuntos em Sex Mar 01, 2013 3:00 am

Membro

Funcionou no meu tá de parabéns

Ver perfil do usuário


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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