Criar uma categoria retrátil

4 participantes

Ir para baixo

Tópico resolvido Criar uma categoria retrátil

Mensagem por Master™ 04.09.11 1:30

Qual é minha questão:
Tenho uma dúvida sobre o tutorial de criar uma categoria retrátil.
Este código novo é muito complexo e nunca nenhum tutorial que adicione o script na descrição funciona neste fórum meu, então, eu gostaria de saber se alguém tem o código antigo, para PHPBB3, aquele que só colocava na descrição de uma aba qualquer e ja funcionava para a categoria toda.

Obrigado

Medidas que eu tomei para corrigir o problema:
--

Imagens do meu problema:
--

Endereço do meu fórum:
http://virtualarts.forumais.com

Versão do meu fórum:
PHPBB3
avatar
Master™
Membro

Membro desde : 18/04/2009
Mensagens : 711
Pontos : 1130

http://vdesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Mikáá 04.09.11 8:20

Olá!

Javascript - investido em todas as páginas (gestão das páginas js)

Código:
    function EsconderCategoriaFeitoPorSupero(cid,iflag){var cat=document.getElementById(cid);var button=document.getElementById('b'+cid);if(cat.style.display=='none'){cat.style.display='block';button.className='contract';my_setcookie('_'+cid,'',true)}else{cat.style.display='none';button.className='expand';my_setcookie('_'+cid,'1',true)}}$(function(){x=$('ul.topiclist li.header').get();for(i=0;i<x.length;i++){x[i].style.position='relative';var cid='c'+String(i+1);x[i].parentNode.nextSibling.setAttribute('id',cid);x[i].parentNode.nextSibling.style.display='block';var y='<div id="b'+cid+'" class="contract" onclick="EsconderCategoriaFeitoPorSupero(\''+cid+'\');"></div>';x[i].innerHTML=x[i].innerHTML+y}cookies=document·cookie.split('; ');for(i in cookies){if(cookies[i].charAt(0)=='_'){cookie=cookies[i].split('=');if(cookie[1]=='1'){cid=cookie[0].substring(1);if(document.getElementById(cid)){EsconderCategoriaFeitoPorSupero(cid,'x')}}}}});


Na folha de estilos CSS...

Código:
    .contract,.expand{background:url(http://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}.contract{background:url(http://2img.net/i/fa/m/tabs_less1.gif)}

Até mais.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Lucas2122 05.09.11 14:25

O que e isso?
Lucas2122
Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Mikáá 05.09.11 15:26

Olá Lucas!

Isso é para colocar a imagem das categorias do FDF, para que as mesmas sejas ocultadas. É para fazer este efeito:
Criar uma categoria retrátil Tabs_less1

Louco

Até mais.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Zer0! 06.09.11 15:00

É, só que tanto ele e quanto a mim temos o mesmo problema. Ao adicionar o código CSS e o investimento do JS em todas as páginas não dá efeito algum e não aparece o [+/-].
Zer0!
Zer0!
***

Membro desde : 08/11/2008
Mensagens : 198
Pontos : 273

http://propixel.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Mikáá 06.09.11 15:14

Olá novamente!

Sendo assim peguem estes códigos:
Flecha ajudeiros https://ajuda.forumeiros.com/12165.js

Lembrem-se que este código somente funciona no PhpBB3 e Invision!

Até mais.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Zer0! 06.09.11 18:16

Para quem está com problemas:
Código:
function EsconderCategoriaFeitoPorSupero(cid,iflag){var cat=document.getElementById(cid);var button=document.getElementById('b'+cid);if(cat.style.display=='none'){cat.style.display='block';button.className='contract';my_setcookie('_'+cid,'',true)}else{cat.style.display='none';button.className='expand';my_setcookie('_'+cid,'1',true)}}$(function(){x=$('ul.topiclist li.header').get();for(i=0;i<x.length;i++){x[i].style.position='relative';var cid='c'+String(i+1);x[i].parentNode.nextSibling.setAttribute('id',cid);x[i].parentNode.nextSibling.style.display='block';var y='<div id="b'+cid+'" class="contract" onclick="EsconderCategoriaFeitoPorSupero(\''+cid+'\');"></div>';x[i].innerHTML=x[i].innerHTML+y}cookies=document·cookie.split('; ');for(i in cookies){if(cookies[i].charAt(0)=='_'){cookie=cookies[i].split('=');if(cookie[1]=='1'){cid=cookie[0].substring(1);if(document.getElementById(cid)){EsconderCategoriaFeitoPorSupero(cid,'x')}}}}});

Código funcionando perfeitamente.
Zer0!
Zer0!
***

Membro desde : 08/11/2008
Mensagens : 198
Pontos : 273

http://propixel.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