Últimos assuntos no tablon

Detalhes da questão

Endereço do fórum: http://rpgheroisdoamanha.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá, galera do FdF

Então, eu adicionei um tablon em meu fórum e consegui, mediante tutoriais, adicionar uma área de últimos assuntos nele.

No entanto, quando chega no 4º assunto recente dos Últimos assuntos, ele simplesmente some e volta a reproduzir os mesmos 4 assuntos. Não sei o que pode estar causando isso, mas é algo estranho.

Aqui o code que estou utilizando para fazer os últimos assuntos aparecerem:

Código:

<script>
    jQuery(function() {
      var a = jQuery("#comments_scroll_div").clone();
    var c = [];
    jQuery('.module .h3:contains("Últimos temas")').closest('.inner').find('script').each(function() {
        if (!jQuery(this).attr('src')) c.push('<script>'+ jQuery(this).html() + '</' + 'script>');
    });
    jQuery("#contenedor-UltimosTemas").replaceWith('<div id="comments_scroll_div">' + a.html() + '</div>' + c.join(" "));
    jQuery(".module .inner #comments_scroll_div ").remove()
    });
</script>

Desde já agradeço

Boa tarde!

Esse seu script faz um clone do widget e o adapta a sua div, ou seja, as configurações do widget também influenciam lá.

---

Para resolver, acesse:

Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum

Procure pelo widget: Tópicos recentes, clique em Quantidade de tópicos recentes configure o número desejado!

olá, troque pro esse

Código:

$(function() {
 $('head').append(
 '<style type="text/css">' +
 '.recentTopics .main-content {' +
 '  font-family: helvetica, arial, sans-serif !important;' +
 '  line-height: 15px;' +
 '  padding: 0;' +
 '}' +
 '.recentTopics ul {' +
 '  padding-left: 0 !important;' +
 '}' +
 '.mini_photo {' +
 '  margin-right: 5px;' +
 '}' +
 'li.recentPost {' +
 '  min-height: 50px;' +
 '  padding: 1em 1em 0.5em 1em;' +
 '  list-style-type: none;' +
 '  border-bottom: 1px solid #f3f3f3;' +
 '}' +
 '.recentPost a[href^="/t"] {' +
 '  font-size: 14px;' +
 '  text-decoration: none;' +
 '  font-weight: bold;' +
 '}' +
 '.recentInline {' +
 '  min-width: 30%;' +
 '  font-size: 12px;' +
 '  float: right;' +
 '}' +
 '.small_links {' +
 '  display: table;' +
 '  margin-top: 10px;' +
 '}' +
 '.local {' +
 '  font-size: 0;' +
 '}' +
 '.local a:after {' +
 '  content: " → ";' +
 '}' +
 '.local a:last-child:after {' +
 '  content: "";' +
 '}' +
 '.small_links, .small_links a {' +
 '  color: #a4a4a4 !important;' +
 '  font-size: 12px !important;' +
 '  text-decoration: none !important;' +
 '}' +
 '.creator_post:before {' +
 '  content: "Tópico iniciado por ";' +
 '}' +
 '.creator_post:after {' +
 '  content: ", Em: ";' +
 '}' +
 '.recentTopics {' +
 '  margin: 15px 0;' +
 '}' +
 '</style>'
 );

 var jModuleRecentPosts = $('.module:contains("Últimos assuntos")');

 jModuleRecentPosts
 .clone() // Clonando widget de últimos assuntos
 .prependTo('#main-content') // Inserindo no main-content
 .addClass('recentTopics') // Adicionando nova classe
 .removeClass('module'); // Removendo classe existente

 $('.recentTopics').each(function() {
      $(this).html(
              $(this).html()
                .replace(/\»/g, '')
                .replace(/\<a href="\/t(.*?)\-/g,'<li class="recentPost"><a href="/t$1-')
                .replace(/\<\/a\><br\>/g, '</a><div class="recentInline">')
                .replace(/\<a href="\/u([0-9])"\>(.*?)<\/a\>/g, '<a href="/u$1">$2</a><br>')
      ).find('li').wrapAll('<ul></ul>');
      $('a[href^="/u"]', this).each(function() {
          var jLinkUser = $(this).attr('href');
          $(this).before(
          '<a href="' + jLinkUser + '" class="user_photo lastpost-avatar">' +
          '    <img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="mini_photo" />' +
          '</a>'
          );
          var jImg = $(this).prev().find('img'),
                jUser = sessionStorage.getItem(jLinkUser);
          if(jUser) {
              jImg.attr('src', jUser);
          } else {
          $.ajax({
                  url: jLinkUser + "?change_version=punbb",
                  type: 'GET',
                  success: function(data) {
                    var jImage = $('#profile-advanced-right .module:first img:first', data).attr('src');
                          jImg.attr('src', jImage);
                          sessionStorage.setItem(jLinkUser, jImage);
                  },
                  error: function(err)
                  {
                     alert("AJAX error in request (Last posts)");
                   }
          });
          }
      });
      $('a[href^="/t"]', this).each(function() {
          var jThis = $(this),
                jLinkTpc = jThis.attr('href').split('#')[0];
          $.ajax({
                  url: jLinkTpc + "?change_version=punbb",
                  type: 'GET',
                  success: function(recent) {
                  var jCreator = '',
                        jLocal = $('.crumbs:first a.nav', recent).wrapAll('<div></div>').parent().html(),
                        jPaging = $('.paging', recent)[0];
                  jThis.parents('.recentPost').append(
                  '<div class="small_links">' +
                  '    <span class="creator_post">Carregando...</span>' +
                  '    <span class="local">' + jLocal + '</span>' +
                  '</div>'
                  ).find('a[href*="change_version"]').each(function() {
                    var jHref = $(this).attr('href').split('?')[0];
                    $(this).attr('href', jHref);
                  });
                  if(jPaging) {
                      jCreator = $('a:contains("1")', jPaging).attr('href');
                      jThis.parents('.recentPost').find('.creator_post').load(jCreator + ' .username:first', function() {
                            $(this).text($(this).text());
                      });
                  } else {
                      jCreator = $('.username:first', recent).text();
                      jThis.parents('.recentPost').find('.creator_post').text(jCreator);
                  }
                  },
                  error: function(err)
                  {
                     alert("AJAX error in request (Last posts)");
                   }
          });
      });
 });
});

HTML e Javascript >> Gestão dos códigos Javascript >> Criar um novo javascript >> Investimento >> No índice.

@MateusAnjosV

O número de assuntos recentes está em 20, já verifiquei isso


@Gustavo_20156

Meu code não está em um módulo javascript, está inserido direto no tablon. E, ainda assim, não funcionou

Boa tarde!

Adicione esse código css, na sua folha de estilos CSS:

Código:

  #comments_scroll_div .marquee  {
overflow-x: scroll !important;
overflow: visible !important;
      position: relative;
      top: -50px;
      }

Isso é apenas um teste, ok? Veja como fica, tem certeza que quer ele assim? O problema é o marquee estar sem overflow.

Adicionei o código e ele passou a mostrar os 20 assuntos, mas ainda assim eu preciso usar o scroll para poder chegar aos últimos. Ele não funciona como deveria funcionar (os assuntos subindo, desaparecendo, até retornarem depois). Quando o primeiro assunto chega ao topo, tudo some e eles voltam a subir.

Aguardando resposta

Aguardando ainda a resposta

Como Colombo indo para as Índias, busco o caminho de minha resposta

Minha necessidade é como as estrelas no céu: Infinitas.

Alguém poderia mesmo me ajudar?

Boa tarde!

Lamento a demora, estou ocupado ultimamente, enfim, temos duas opções: deixamos sem a animação e tem que ver ao mexer no scroll ou você remove esse script e eu crio um adequado.

MateusAnjosV escreveu:Boa tarde!

Lamento a demora, estou ocupado ultimamente, enfim, temos duas opções: deixamos sem a animação e tem que ver ao mexer no scroll ou você remove esse script  e eu crio um adequado.

Poderia criar um adequado para mim, então? Agradeço ^^

Só que o scroll está embutido no tablon, não é um javascript separado

Ainda tenho interesse

Só pra não sumir

Eu invoco... A carta de ressuscitar!

#Ressuscitado com sucesso!

Preciso que ative o portal e em seguida, crie um novo js:

Código:

$(function({
$.get("/portal", function(t){
var t = $('#comments_scroll_div  .marquee', t).html();
var m1 = '<marquee class="marquee" onmouseover="javascript:marquee.stop()" onmouseout="javascript:marquee.start()" scrollamount="2" scrolldelay="20" direction="up" width="208" height="100" style="width: 208px; height: 100px;">';
var m2='</marquee>';
$('#contenedor-UltimosTemas').html(m1 + t + m2);
});
});

Feito, mas nada happening

http://rpgheroisdoamanha.forumeiros.com/portal

Ele não possui o widget últimos tópicos, poderia implantar?

Feito, mas e agora?

Substitua o código por esse e seja feliz!

Código:

$(function(){
$.get("/portal", function(t){
var t = $('#comments_scroll_div  .marquee', t).html();
var m1 = '<marquee class="marquee" onmouseover="javascript:marquee.stop()" onmouseout="javascript:marquee.start()" scrollamount="2" scrolldelay="20" direction="up" width="208" height="100" style="width: 208px; height: 100px;">';
var m2='</marquee>';
$('#contenedor-UltimosTemas').html(m1 + t + m2);
});
});

Mas não é que eu fiquei feliz mesmo? Ah minino que prevê o futuro!

Só tem um porém... Ou melhor, dois. O scroll não parou quando passei o mouse em cima, e a fonte tá muito pequena, como ajeitar?

Substitua por esse:

Código:

$(function(){
$.get("/portal", function(t){
var t = $('#comments_scroll_div  .marquee', t).html();
var m1 = '<marquee class="marquee" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="20" direction="up" width="208" height="100" style="width: 208px; height: 100px;font-size: 15px">';
var m2='</marquee>';
$('#contenedor-UltimosTemas').html(m1 + t + m2);
});
});

Procure por 15 e vá subindo para aumentar a fonte.

Agora sim mizerávi, no anterior não tinha o font-size, por isso não consegui ajeitar.

Resolvido

"4 + 4.... hm... 5, acertou, miserávi"

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".