Expandir / fechar categoria

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

Expandir / fechar categoria

Mensagem por pecktovit em 18/10/11, 06:47 pm

Qual é minha questão:
Tipo queria por um icone "+" e "-" nas categorias, igual aqui no FDF, so isso, caso queria ver, clice na imagem

Medidas que eu tomei para corrigir o problema:
Procurar mas não achei resultados sucessivos.

Imagens do meu problema:
http://img411.imageshack.us/img411/2658/35991426.png

Endereço do meu fórum:
http://transforum.forumeiros.com/

Versão do meu fórum:
PHPBB3
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Re: Expandir / fechar categoria

Mensagem por Oto! em 18/10/11, 06:50 pm

Olá!

Painel de Controle -> Módulos -> Páginas HTML e JS -> 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')}}}}});
Opção de investimento: Javascript investido em todas as páginas (gestão das páginas js)

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)}
Painel de Controle -> Imagens e Cores -> CSS

Abraços!
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Re: Expandir / fechar categoria

Mensagem por pecktovit em 18/10/11, 07:13 pm

Mr.Helper escreveu:Olá!

Painel de Controle -> Módulos -> Páginas HTML e JS -> 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')}}}}});
Opção de investimento: Javascript investido em todas as páginas (gestão das páginas js)

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)}
Painel de Controle -> Imagens e Cores -> CSS

Abraços!

Algo de errado aconteceu eu acho, não deu certo. faltou implementar algo nao?
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Re: Expandir / fechar categoria

Mensagem por Convidad em 18/10/11, 07:15 pm

Olá e boa tarde!

Faça o indicado neste tutorial, autor:
http://ajuda.forumeiros.com/t26394-

Os efeitos são semelhantes aos que Mr.Helper indicou.

Passar bem.

Convidad
Convidado


Re: Expandir / fechar categoria

Mensagem por pecktovit em 18/10/11, 07:24 pm

@Shek escreveu:Olá e boa tarde!

Faça o indicado neste tutorial, autor:
http://ajuda.forumeiros.com/t26394-

Os efeitos são semelhantes aos que Mr.Helper indicou.

Passar bem.
Ty por tentar ajuda mas olha so ai o cara que postou, procurei outro post com os mesmos resultados que você postou e achei o seguinte:
Código:
jQuery(document).ready(function(){jQuery('a[href^="http://www.directorioforuns.com/"]').html("Diretório dos fóruns");jQuery(".foruns a").click(function(){window.open(this.href);return false});jQuery('a[href^="/post?f=15&mode=newtopic"]').attr('href','/h2-');jQuery('a[href^="/post?f=13&mode=newtopic"]').attr('href','/h3-');jQuery('a[href^="/post?f=9&mode=newtopic"]').attr('href','/h3-');jQuery('a[href^="/post?f=10&mode=newtopic"]').attr('href','/h3-');jQuery('a[href^="/post?f=17&mode=newtopic"]').attr('href','/h3-');jQuery('a[href^="/post?f=11&mode=newtopic"]').attr('href','/h4-');jQuery('a[href^="/post?f=29&mode=newtopic"]').attr('href','/h4-');jQuery('a[href^="/post?f=30&mode=newtopic"]').attr('href','/h4-');jQuery('a[href^="/post?f=27&mode=newtopic"]').attr('href','/h4-');jQuery('a[href^="/post?f=25&mode=newtopic"]').attr('href','/h4-');jQuery('a[href^="/post?f=22&mode=newtopic"]').attr('href','/h4-');jQuery('.toggleable').css('display','none');jQuery('#forunslist').click(function(){jQuery('#toggle1').animate({width:'toggle',height:'toggle',opacity:'toggle'},4000);jQuery('#toggle2').animate({width:'0px',height:'0px',opacity:'0%',display:'block',width:'toggle',height:'toggle',opacity:'toggle'},4000)});jQuery('#forunslist2').click(function(){jQuery('#toggle2').animate({width:'toggle',height:'toggle',opacity:'toggle'},4000);jQuery('#toggle1').animate({width:'0px',height:'0px',opacity:'0%',display:'block',width:'toggle',height:'toggle',opacity:'toggle'},4000)});jQuery("th.website:first").text("Onde estou")});jQuery(document).ready(function(){if(jQuery('input[name=mode][value=newtopic]').length){jQuery('input[name=subject]').attr('onBlur','shh()')}});function shh(){jQuery('#sthd').remove();url='/search?search_terms=any&sort_dir=ASC&search_time=0&show_results=topics&sort_by=2&&search_where=-1&search_keywords='+jQuery('input[name=subject]').val();jQuery.get(url,function(data){n='<dd class=dterm>';o=jQuery('h2.topic-title',data);m='</dd>';if(jQuery('h2.topic-title:eq(1)',data).length){l0=n+o.eq(0).html()+m}else{return false};if(jQuery('h2.topic-title:eq(2)',data).length){l1=n+o.eq(1).html()+m}else{l1=''};if(jQuery('h2.topic-title:eq(3)',data).length){l2=n+o.eq(2).html()+m}else{l2=''};if(jQuery('h2.topic-title:eq(4)',data).length){l3=n+o.eq(3).html()+m}else{l3=''};if(jQuery('h2.topic-title:eq(5)',data).length){l4=n+o.eq(4).html()+m}else{l4=''};if(jQuery('h2.topic-title:eq(6)',data).length){l5=n+o.eq(5).html()+m}else{l5=''};if(jQuery('h2.topic-title:eq(7)',data).length){l6=n+o.eq(6).html()+m}else{l6=''};if(jQuery('h2.topic-title:eq(8)',data).length){l7=n+o.eq(7).html()+m}else{l7=''};jQuery('input[name=subject]').parent().after('<div id=sthd><br><dt><label>Tópicos que podem lhe ajudar:</label></dt>'+l0+l1+l2+l3+l4+l5+l6+l7+'</div>')})};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')}}}}});jQuery(document).ready(function(){jQuery('.postbody table,div.sig-content table').css('display','').css('z-index','999').css('min-width','1px').css('min-height','1px').css('max-height','1500px').css('max-width','1500px').css('cursor','')});$(document).ready(function(){$('table tbody tr:odd').addClass('zebraUm');$('table tbody tr:even').addClass('zebraDois')});

Esse ai você poe no lugar do Java e pegou. OBRIGADO. pode fechar.

[Responde esse: http://ajuda.forumeiros.com/t47413-imagem-expandivel ] ?
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

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