Atualizar últimos assuntos

3 participantes

Ir para baixo

Tópico resolvido Atualizar últimos assuntos

Mensagem por Zênite 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
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Atualizar últimos assuntos

Mensagem por RafaelS. 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'
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Atualizar últimos assuntos

Mensagem por Zênite 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
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Atualizar últimos assuntos

Mensagem por RafaelS. 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
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Atualizar últimos assuntos

Mensagem por Zênite 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
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Atualizar últimos assuntos

Mensagem por RafaelS. 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
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Atualizar últimos assuntos

Mensagem por Zênite 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
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Atualizar últimos assuntos

Mensagem por Luiz 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
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Atualizar últimos assuntos

Mensagem por Zênite 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
****

Membro desde : 18/12/2018
Mensagens : 218
Pontos : 316

https://fanttasia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Atualizar últimos assuntos

Mensagem por Convidado 29.12.18 17:26

Feliz ano novo Piscada

Tópico resolvido


Movido para "Questões resolvidas".
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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