Atualizar últimos assuntos

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

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: Regras do Fórum, e o que você não deve fazer neste fórum; Lista de tutoriais e perguntas frequentes; A Equipe de Suporte; A função de busca.

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.

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

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á!

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.

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

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.

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!

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/

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!

Feliz ano novo

Tópico resolvido Movido para "Questões resolvidas".