Atualizar últimos assuntos
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
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
Re: Atualizar últimos assuntos
Olá @Zênite,
Experimente trocar por este código:
Abraços.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
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.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Re: Atualizar últimos assuntos
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á!
Agradeço desde já!
Re: Atualizar últimos assuntos
Olá!
Troque por este:
Até mais.
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.
Re: Atualizar últimos assuntos
Boa tarde :> Então, troquei por esse novo e nada aconteceu, o botão nem apareceu nem nada. :<
Re: Atualizar últimos assuntos
Olá!
Peço desculpa pelo ocorrido!
Tente trocar por este:
Atenciosamente.
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.
Re: Atualizar últimos assuntos
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!
Eu é que peço desculpas por dar trabalho! Fico impressionado com a qualidade do atendimento aqui, vocês são fenomenais!
Re: Atualizar últimos assuntos
Olá,
Troque o código por este:
Coloquei no GitHub para referência futura.
o/
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/
Re: Atualizar últimos assuntos
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 para todos os envolvidos, pode fechar!
Re: Atualizar últimos assuntos
Feliz ano novo
Tópico resolvidoMovido para "Questões resolvidas". |
Convidado- Convidado
Tópicos semelhantes
» Ajuda com "atualizar últimos assuntos"
» [Dúvida] Botão Atualizar nos últimos assuntos
» Como eu coloco últimos assuntos no canto da tela mostrando os ultimos topicos ?
» Ultimos assuntos
» Ultimos assuntos
» [Dúvida] Botão Atualizar nos últimos assuntos
» Como eu coloco últimos assuntos no canto da tela mostrando os ultimos topicos ?
» Ultimos assuntos
» Ultimos assuntos
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos