Staffer Group BR™

Fórum interativo totalmente gratuito!


 VisualizaçõesPermissão deste fórum:
Não podes responder a tópicos


CurtirDiretório deste fórum:
Fóruns » Arquivos » Arquivo

#1
 'Fusion

'Fusion
Membro
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 atualizar - Tutorial - Atualizar últimos assuntos Puce_flecheMódulos atualizar - Tutorial - Atualizar últimos assuntos Puce_flecheHTML & JavaScript atualizar - Tutorial - Atualizar últimos assuntos Puce_flecheGestão dos códigos JavaScript
Depois você irá clicar em "atualizar - Tutorial - Atualizar últimos assuntos AjouterCriar um novo JavaScript"
Adicionar novo Códig


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:

atualizar - Tutorial - Atualizar últimos assuntos Be8lb410

PERGUNTAS E RESPOSTAS DO TUTORIAL


  • Funciona em quais versões ?
    Foi testado em PhpBB3 e PunBB. Em breve teremos mais versões.



  • 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.


©️ 'Fusion| StafferGroupBR.stuning.net | Atualizar Últimos Assuntos | SGBR |Criadores: Quakeline | Divine Arts

#2
 D'Leandro™

D'Leandro™
Fundador
1. Por ser um Java Script não quer dizer que funcione em todas as versões.
2. O Código Não funcionou em nenhuma versão, deve ter sido atualizado
3. Existem tags mal fechadas: [/center].
4. Os creditos originais não foram adicionados. (Os Originais) Quakeline | Divine Arts

O senhor prescisa prestar atenção nisto e concertar para que o tutorial seja aceito.

#3
 'Fusion

'Fusion
Membro
Mano funcionou aqui em todas versões testei em todas desculpe por n colocar os creditos vou arrumar.

#4
 D'Leandro™

D'Leandro™
Fundador
Tutorial Aceito;
Este tutorial foi aceito e movido para a área correspondente!

#5
 Bookmarlucas654

Bookmarlucas654
Membro
Removeu meu post? O.o
No MEU não funcionou... O.o

Tem certeza que ele tem que iniciar com m='????????? e tem certeza que colocou o código certo? O.o

#6
 'Fusion

'Fusion
Membro
claro que ta certo amigo funcionou perfeitamente no meu e em todas versões eu mesmo testei.

Ps: Não removi seu post.

#7
 Bookmarlucas654

Bookmarlucas654
Membro
No meu funcionou TAMBÉM, mas só aparece o botão e não atualiza... verifique você mesmo em meu fórum:

(Link Removido)

#8
 ~[B]art

~[B]art
Membro
Infuncional -'-
O código está correto, mas aqui não funcionou...

#9
 Gmtp

Gmtp
Membro
Olá, Gente...

Espero que ainda esteja funcionando.

Até mais.

#10
 Cʀɑzy

Cʀɑzy
Novato
Espero que ainda funfe!
Valeu e.e

#11
 Copax

Copax
Membro
Parece ser Otimo!!!

#12
 Mr.GamingPT

Mr.GamingPT
Membro
obrigado

#13
 Mr.GamingPT

Mr.GamingPT
Membro
OBRIGADO

#14
 Conteúdo patrocinado