Detalhes da questão

Endereço do fórum: https://zonateste.forumeiros.com
Versão do fórum: phpBB3

Descrição

Olá, tenho uma dúvida quanto a um recurso feito com jQuery.

Tenho esse outro fórum: https://heroesofolympus.forumeiros.com/

Ao reparar no template no header, fiquei curioso quanto à parte de "últimas" mensagens.
Link:

https://prnt.sc/FkK2IYa_d5oF

Minha dúvida seria um tanto quanto mais simples para quem entende.
Seria adicionar essas tab de últimas mensagens no fórum que estou desenvolvedo.

No fórum Heroes, eu reparei nesses dois códigos:

Código:

jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));

(está aplicado direto no overall_header.

Código:

 <div id="tab-cont">
     <div id="micontenedor"></div>
  </div>

Tentei replicar no fórum que estou desenvolvendo um novo layout, mas nada. Até repliquei os estilos nos mesmos elementos, e nada. Olhei no módulo JS e não tem nada referente também, em nenhum dos dois fóruns. Minha única dúvida, seria para fazer essa "joça" funcionar. Não é necessário replicar estilos, nem nada do tipo.

Obrigado.

Boa noite.

O método replaceWith() substitui os elementos selecionados por um novo conteúdo. Isso significa que o #comments_scroll_div será substituído na ID #micontenedor. Você pode compreender melhor aqui: https://www.w3schools.com/jquery/html_replacewith.asp

Agora, eu entrei no fórum e não achei a ID #micontenedor, o que explica o motivo pelo qual o código script não funciona. E sim, eu acreditei que não divulgou o template, então inseri o /?tt=1 após a URL do fórum para checar se não estava no template em espera, mas ainda assim não achei essa ID no HTML do fórum. Porém, ainda não compreendi ao certo, todavia se deseja apenas replicar o formado dos últimos assuntos, creio que esses tópicos contém alguma informações útil:
- https://ajuda.forumeiros.com/t111594-topic
- https://ajuda.forumeiros.com/t111251-topic

Atenciosamente,
Shek

Hey, Shek, obrigado pelo auxilio!

Então, o #micontenedor encontra-se no template, mas realmente quando vai no inspecionar, ele parece que foi substituído. Eu não entendo muito bem de JS, então pode ser que estou falando besteira, mas ele não está sendo substituído pelo #comments_scroll_div ??

Aliás, infelizmente nenhum desses tópicos produziu a ajuda que estava necessitando... achei um, mas ele só replica os últimos tópicos de um específico fórum selecionado, não um "geralzão"

Bom dia.

Porém, ainda continuo sem entender bem... Em vista do que comentou, é apenas uma "div" com os últimos assuntos. Se for isso, os links que demonstrei na mensagem anterior não ajuda?

Atenciosamente,
Shek

Olá @Pixar,

Existe um conflito de scripts no seu fórum que pode ser o causador do problema. Localize no 15159.js

Código:

$('.forabg[data-category-id="' + id + '"]') if (_userdata.username == "Zeus" || _userdata.username == "Edward Mason") {
                    $("body").html("<h1 style='color: white;font-size: 30vh'>Best brother BR. Banido</h1>")
                }.addClass('fa-category-visible').stop().animate({
                    width: 'toggle'
                }, 0);

substitua por

Código:

$('.forabg[data-category-id="' + id + '"]')
                  .addClass('fa-category-visible').stop().animate({
                    width: 'toggle'
                }, 0);

if (_userdata.username == "Zeus" || _userdata.username == "Edward Mason") {
                    $("body").html("<h1 style='color: white;font-size: 30vh'>Best brother BR. Banido</h1>")
                }

Atenciosamente,
pedxz.

Shek escreveu:Bom dia.

Porém, ainda continuo sem entender bem... Em vista do que comentou, é apenas uma "div" com os últimos assuntos. Se for isso, os links que demonstrei na mensagem anterior não ajuda?

Atenciosamente,
Shek

Ainda nada. Tentei aplicar a ajuda nos links que enviaste, mas não surtiram efeito. Acho que me expressei mal na explicação.
Eu precisiaria "clonar" esse campo de últimos assuntos. Foi um amigo quem fez, por isso não tenho conhecimento da maneira feita.

Como o fórum que estou tentando clonar também é meu, copiei os templates, CSS e JS que aparentemente são os responsáveis por essa aparência, para outro fórum, que também é de minha posse: https://zonateste.forumeiros.com
Porém, não surte efeitos, sequer aparece. Talvez possa ser algo que estou fazendo errado. Os links que enviaste até o momento, também não surtiram efeito.

pedxz escreveu:

Obrigado pela ajuda! Isso resolveu um outro problema que estava enfrentando, mas não havia solicitado ajuda!

https://prnt.sc/hTc4fFWe8WiB

A contenção dos fóruns.

Pixar escreveu:

Shek escreveu:Bom dia.

Porém, ainda continuo sem entender bem... Em vista do que comentou, é apenas uma "div" com os últimos assuntos. Se for isso, os links que demonstrei na mensagem anterior não ajuda?

Atenciosamente,
Shek

Ainda nada. Tentei aplicar a ajuda nos links que enviaste, mas não surtiram efeito. Acho que me expressei mal na explicação.
Eu precisiaria "clonar" esse campo de últimos assuntos. Foi um amigo quem fez, por isso não tenho conhecimento da maneira feita.

Como o fórum que estou tentando clonar também é meu, copiei os templates, CSS e JS que aparentemente são os responsáveis por essa aparência, para outro fórum, que também é de minha posse: https://zonateste.forumeiros.com
Porém, não surte efeitos, sequer aparece. Talvez possa ser algo que estou fazendo errado. Os links que enviaste até o momento, também não surtiram efeito.

pedxz escreveu:

Obrigado pela ajuda! Isso resolveu um outro problema que estava enfrentando, mas não havia solicitado ajuda!

https://prnt.sc/hTc4fFWe8WiB

A contenção dos fóruns.

Agora ative o widget dos "Últimos assuntos", por favor!

Desculpe pelo vacilo, realmente até esqueci dessa parte de widgets, achei que era algum problema na codificação.

Obrigado a tu e ao Shek!

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