Atualizar últimos assuntos

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Atualizar últimos assuntos

Mensagem por Zênite em 27.12.18 14:08

Detalhes da questão


Endereço do fórum: http://rikudourpg.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Boa tarde!

Estou tentando fazer com que haja um botão de atualizar no Widget de Últimos Assuntos, mas sem sucesso. Já tentei tutorial fornecido e já tentei utilizar o código vindo de outros tópicos, como esse e esse.

Porém, acredito que por estar utilizando o MordernBB, creio que os códigos não sejam compatíveis (apenas suposição).

Existe algum nobre capaz de me ajudar? XD
Zênite

Zênite
Nível 8

Masculino
Inscrito dia : 18/12/2018
Mensagens : 126
Pontos Ativos : 183

http://rikudourpg.forumeiros.com

Atendido / Resolvido Re: Atualizar últimos assuntos

Mensagem por RafaelS. em 28.12.18 1:11

Olá @Zênite,

Bem-vindo ao Fórum dos Fóruns!


Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:


Experimente trocar por este código:
Código:
(function($) {
  'use strict';
 
  $(function() {
    var $update = $('<a>', {
      'href': '#',
      'html': [
        $('<img />', { 'src': 'https://i.imgur.com/aTCsNba.png' }).prop('outerHTML')
      ].join('')
    })
      .prependTo('#comments_scroll_div')
      .on('click', function(event) {
        event.preventDefault();
     
        var $this = $(this);
     
        $this.css('visibility', 'hidden');
     
        $.get(location.pathname, function(res) {
          $this.css('visibility', 'visible');
 
          $('#comments_scroll_div').html($('#comments_scroll_div', res).html());
        });
      })
    ;
  });
})(jQuery);

Abraços. Feliz

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Atualizar últimos assuntos XCPergr
Atualizar últimos assuntos 6KeRsER
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4993
Pontos Ativos : 5962

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Atualizar últimos assuntos

Mensagem por Zênite em 28.12.18 2:59

Boa noite! O código funcionou, mas só uma vez. Existe a possibilidade de deixar o botão fixo e, ainda, ao lado do escrito "últimos assuntos" (tipo assim)?

Agradeço desde já!
Zênite

Zênite
Nível 8

Masculino
Inscrito dia : 18/12/2018
Mensagens : 126
Pontos Ativos : 183

http://rikudourpg.forumeiros.com

Atendido / Resolvido Re: Atualizar últimos assuntos

Mensagem por RafaelS. em 28.12.18 18:24

Olá!

Troque por este:
Código:
(function($) {
  'use strict';
 
  $(function() {
    var $update = $('<a style="position: absolute;top: -16%;right: 5%;">', {
      'href': '#',
      'html': [
        $('<img />', { 'src': 'https://i.imgur.com/aTCsNba.png' }).prop('outerHTML')
      ].join('')
    })
      .prependTo('#comments_scroll_div')
      .on('click', function(event) {
        event.preventDefault();
   
        var $this = $(this);
   
        $this.css('visibility', 'hidden');
   
        $.get(location.pathname, function(res) {
          $this.css('visibility', 'visible');
 
          $('#comments_scroll_div').html($('#comments_scroll_div', res).html());
        });
      })
    ;
  });
})(jQuery);

Até mais. Feliz


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Atualizar últimos assuntos XCPergr
Atualizar últimos assuntos 6KeRsER
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4993
Pontos Ativos : 5962

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Atualizar últimos assuntos

Mensagem por Zênite em 28.12.18 19:47

Boa tarde :> Então, troquei por esse novo e nada aconteceu, o botão nem apareceu nem nada. :<
Zênite

Zênite
Nível 8

Masculino
Inscrito dia : 18/12/2018
Mensagens : 126
Pontos Ativos : 183

http://rikudourpg.forumeiros.com

Atendido / Resolvido Re: Atualizar últimos assuntos

Mensagem por RafaelS. em 28.12.18 19:58

Olá!

Peço desculpa pelo ocorrido!
Tente trocar por este:

Código:
(function($) {
  'use strict';
 
  $(function() {
    var $update = $('<a>', {
      'href': '#',
      'style': 'position: absolute;top: -16%;right: 5%;',
      'html': [
        $('<img />', { 'src': 'https://i.imgur.com/aTCsNba.png' }).prop('outerHTML')
      ].join('')
    })
      .prependTo('#comments_scroll_div')
      .on('click', function(event) {
        event.preventDefault();
 
        var $this = $(this);
 
        $this.css('visibility', 'hidden');
 
        $.get(location.pathname, function(res) {
          $this.css('visibility', 'visible');
 
          $('#comments_scroll_div').html($('#comments_scroll_div', res).html());
        });
      })
    ;
  });
})(jQuery);

Atenciosamente. Feliz


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Atualizar últimos assuntos XCPergr
Atualizar últimos assuntos 6KeRsER
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4993
Pontos Ativos : 5962

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Atualizar últimos assuntos

Mensagem por Zênite em 29.12.18 1:09

Dessa vez funcionou, mas apenas uma vez. O botão some após clicar, existe alguma maneira de manter ele para que o usuário possa atualizar diversas vezes?

Eu é que peço desculpas por dar trabalho! Fico impressionado com a qualidade do atendimento aqui, vocês são fenomenais!

Zênite

Zênite
Nível 8

Masculino
Inscrito dia : 18/12/2018
Mensagens : 126
Pontos Ativos : 183

http://rikudourpg.forumeiros.com

Atendido / Resolvido Re: Atualizar últimos assuntos

Mensagem por Luiz em 29.12.18 14:11

Olá,

Troque o código por este:
Código:
/**
 * Create a refresh button on the latest topics.
 *
 * @author Luiz Felipe F. <https://lffg.github.com>
 * @see https://ajuda.forumeiros.com/t113295-
 * @see https://github.com/lffg/code-in-js/blob/master/fdf/t113295.js
 * @license MIT
 */

(function($, styles) {
  'use strict';

  var IMAGE_SOURCE = 'https://i.imgur.com/aTCsNba.png';
  var CONTENT_SELECTOR = '#comments_scroll_div';

  function refreshContent() {
    var $self = $(this);

    // Prevent multiple clicks:
    if ($self.is('.in-use')) {
      return;
    }

    $self.addClass('in-use');

    $.get(window.location.pathname, function(response) {
      $(CONTENT_SELECTOR).html($(CONTENT_SELECTOR, response).html());
      $self.removeClass('in-use');
    });
  }

  $(function() {
    var $trigger = $('<img />', {
      src: IMAGE_SOURCE || 'https://i.imgur.com/aTCsNba.png'
    })
      .addClass('lf-refresh-trigger')
      .on('click', refreshContent);

    $(CONTENT_SELECTOR)
      .parents('.module')
      .find('.h3')
      .append($trigger);

    $('head').append($('<style>', { text: styles.join('\n') }));
  });
})(jQuery, [
  '.h3 {',
  '  position: relative;',
  '}',
  '',
  '.lf-refresh-trigger {',
  '  cursor: pointer;',
  '  position: absolute;',
  '  top: 50%;',
  '  right: 10px;',
  '  transform: translateY(-50%);',
  '}',
  '',
  '.lf-refresh-trigger.in-use {',
  '  cursor: not-allowed;',
  '  opacity: .7;',
  '}'
]);

Coloquei no GitHub para referência futura.

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6631
Pontos Ativos : 7529

https://luizfelipe.dev

Atendido / Resolvido Re: Atualizar últimos assuntos

Mensagem por Zênite em 29.12.18 17:20

Eu não sei nem como agradecer. Vocês são INSANOS. Meus parabéns e muito, mas MUITO obrigado.

Feliz ano novo para todos os envolvidos, pode fechar!
Zênite

Zênite
Nível 8

Masculino
Inscrito dia : 18/12/2018
Mensagens : 126
Pontos Ativos : 183

http://rikudourpg.forumeiros.com

Atendido / Resolvido Re: Atualizar últimos assuntos

Mensagem por Roger123 em 29.12.18 17:26

Feliz ano novo Piscada

Tópico resolvido


Movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Roger123 Ajudeiro

Atualizar últimos assuntos 1406
Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 1936
Pontos Ativos : 2134

https://todosostemas.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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