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 para baixo  Mensagem [Página 1 de 1]

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

Membro

Quakeline
Quakeline
[TUTORIAL] Atualizar Últimos Assuntos RzqynRL 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 [TUTORIAL] Atualizar Últimos Assuntos Puce_fleche Módulos [TUTORIAL] Atualizar Últimos Assuntos Puce_fleche HTML & JAVASCRIPT [TUTORIAL] Atualizar Últimos Assuntos Puce_fleche Gestão dos códigos JavaScript

Depois você irá clicar em "[TUTORIAL] Atualizar Últimos Assuntos AjouterCriar um novo JavaScript"

[TUTORIAL] Atualizar Últimos Assuntos 2u5q428

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:

[TUTORIAL] Atualizar Últimos Assuntos BE8Lb4H

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 Sáb Jan 26, 2013 5:29 pm, editado 2 vez(es)

2[TUTORIAL] Atualizar Últimos Assuntos Empty Re: [TUTORIAL] Atualizar Últimos Assuntos Sáb Jan 26, 2013 5:15 pm

Administrador

Heimdall
Heimdall
Adeque corretamente a nova estrutura de tutoriais:
https://frdesign.forumeiros.com/t133-estrutura-de-tutoriais#809

-Adicione um resultado

Após terminar envie-me uma MP.

Membro

'Fusion
'Fusion
Funcionou no meu tá de parabéns


Conteúdo patrocinado

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

Permissões neste sub-fórum
Não podes responder a tópicos