Últimos assuntos no tablon

3 participantes

Ir para baixo

Tópico resolvido Últimos assuntos no tablon

Mensagem por Guzonaro 29.11.15 18:20

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
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por MateusAnjosV 29.11.15 18:42

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 Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum
Procure pelo widget: Tópicos recentes, clique em Editar Seta Quantidade de tópicos recentes Seta configure o número desejado!

Feliz
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por JrMAFiA 29.11.15 18:43

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.

Feliz
JrMAFiA
JrMAFiA
****

Membro desde : 20/04/2015
Mensagens : 377
Pontos : 638

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 29.11.15 18:48

@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
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por MateusAnjosV 29.11.15 19:12

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.
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 29.11.15 19:17

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.
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 01.12.15 1:10

Aguardando resposta
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 02.12.15 1:49

Aguardando ainda a resposta
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 03.12.15 21:36

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

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 04.12.15 23:22

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

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 06.12.15 2:28

Alguém poderia mesmo me ajudar?
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por MateusAnjosV 06.12.15 16:21

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.

Feliz
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 06.12.15 23:43

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.

Feliz

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

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

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 08.12.15 3:47

Ainda tenho interesse
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 10.12.15 1:53

Só pra não sumir
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 11.12.15 16:58

Eu invoco... A carta de ressuscitar!
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por MateusAnjosV 11.12.15 21:02

#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);
});
});
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 12.12.15 0:35

Feito, mas nada happening
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por MateusAnjosV 12.12.15 0:48

http://rpgheroisdoamanha.forumeiros.com/portal

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

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 12.12.15 0:57

Feito, mas e agora?
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por MateusAnjosV 12.12.15 1:01

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);
});
});

Feliz
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 12.12.15 1:08

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?
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por MateusAnjosV 12.12.15 1:15

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);
});
});
Seta Procure por 15 e vá subindo para aumentar a fonte.
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por Guzonaro 12.12.15 1:19

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

Resolvido
Guzonaro
Guzonaro
**

Membro desde : 14/08/2015
Mensagens : 63
Pontos : 88

http://heroisbrasileiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Últimos assuntos no tablon

Mensagem por MateusAnjosV 12.12.15 1:20

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

Últimos assuntos no tablon Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

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