Criar uma categoria retrátil

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Criar uma categoria retrátil

Mensagem por Master™ em 03/09/11, 09:30 pm

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

Master™
Usuário destaque

Masculino
Inscrito dia : 17/04/2009
Mensagens : 711
Pontos Ativos : 1130

Ver perfil do usuário http://vdesign.forumeiros.com

Resolvido Re: Criar uma categoria retrátil

Mensagem por Mikáá em 04/09/11, 04:20 am

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://illiweb.com/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}.contract{background:url(http://illiweb.com/fa/m/tabs_less1.gif)}

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Criar uma categoria retrátil

Mensagem por Lucas2122 em 05/09/11, 10:25 am

O que e isso?
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

Ver perfil do usuário http://moldentec.forumeiros.com/forum

Resolvido Re: Criar uma categoria retrátil

Mensagem por Mikáá em 05/09/11, 11:26 am

Olá Lucas!

Isso é para colocar a imagem das categorias do FDF, para que as mesmas sejas ocultadas. É para fazer este efeito:


Louco

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Criar uma categoria retrátil

Mensagem por Zer0! em 06/09/11, 11:00 am

É, 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 [+/-].
avatar

Zer0!
Nível 9

Masculino
Inscrito dia : 08/11/2008
Mensagens : 197
Pontos Ativos : 268

Ver perfil do usuário http://propixel.forumeiros.com/

Resolvido Re: Criar uma categoria retrátil

Mensagem por Mikáá em 06/09/11, 11:14 am

Olá novamente!

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

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

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Criar uma categoria retrátil

Mensagem por Zer0! em 06/09/11, 02:16 pm

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.
avatar

Zer0!
Nível 9

Masculino
Inscrito dia : 08/11/2008
Mensagens : 197
Pontos Ativos : 268

Ver perfil do usuário http://propixel.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum