Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Categoria retrátil

3 participantes

Horlock Horlock  • Qua 27 Mar 2013 - 17:56

Categoria retrátil Empty Categoria retrátil Qua 27 Mar 2013 - 17:56

Queria que adaptassem esse código JS das categorias retrátio para meu fórum.
Link do meu fórum [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Link do tutorial pra entender melhor o problema: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Código JS
Código:

/* ----- Expand/Contrai Categorias ----- */
jQuery(document).ready(function(){
    var Count_Toggle=0;
    var Cat_Minimize='http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_minimize.png';
    var Cat_Maximize='http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_maximize.png';
    jQuery('#main .main .content_table .main-head').each(function(){
        jQuery(this).next().attr('id',Count_Toggle);
        jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));
        jQuery(this).append('
            <img src="'+Cat_Minimize+'" id="MinMaxCat" alt="(*)" title="Minimize/Maximize" style="float: right;cursor: pointer;margin-right: -1px;margin-top: -17px;"/>
            ');
        jQuery(this).find('#MinMaxCat').click(function(){
            var Style=jQuery(this).closest('.main-head').next();
                if(Style.css('display')=='none'){
                    Style.slideToggle();
                    jQuery(this).attr('src',Cat_Minimize);
                    my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0);

                    jQuery(this).parent().css('opacity', '1');
                    jQuery(this).parent().removeClass("collapsed");
                }else{
                    Style.slideToggle();
                    jQuery(this).attr('src',Cat_Maximize);
                    my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0);

                    jQuery(this).parent().css('opacity', '0.4');
                    jQuery(this).parent().addClass("collapsed");
                }
        });
        Count_Toggle++
    })
});

[F]lames [F]lames  • Qua 27 Mar 2013 - 18:05

Categoria retrátil Empty Re: Categoria retrátil Qua 27 Mar 2013 - 18:05

Olá,

Substitua o JS por este:
Código:
/* ----- Expand/Contrai Categorias ----- */
jQuery(document).ready(function(){
    var Count_Toggle=0;
    var Cat_Minimize='http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_minimize.png';
    var Cat_Maximize='http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_maximize.png';
    jQuery('#main .main .content_table .main-head').each(function(){
        jQuery(this).next().attr('id',Count_Toggle);
        jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));
        jQuery(this).append('
            <img src="'+Cat_Minimize+'" id="MinMaxCat" alt="*" title="Minimize/Maximize" style="float: right;cursor: pointer;margin-right: -1px;margin-top: -17px;"/>
            ');
        jQuery(this).find('#MinMaxCat').click(function(){
            var Style=jQuery(this).closest('.main-head').next();
                if(Style.css('display')=='none'){
                    Style.slideToggle();
                    jQuery(this).attr('src',Cat_Minimize);
                    my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0);

                    jQuery(this).parent().css('opacity', '1');
                    jQuery(this).parent().removeClass("collapsed");
                }else{
                    Style.slideToggle();
                    jQuery(this).attr('src',Cat_Maximize);
                    my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0);

                    jQuery(this).parent().css('opacity', '0.4');
                    jQuery(this).parent().addClass("collapsed");
                }
        });
        Count_Toggle++
    })
});
Resulta ?

Até mais.

Horlock Horlock  • Qua 27 Mar 2013 - 18:59

Categoria retrátil Empty Re: Categoria retrátil Qua 27 Mar 2013 - 18:59

Olá [F]lames.

As imagens para diminuir e aumentar não estão aparecendo

veja: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


Se preferir (e se tiver os códogos) poderia me passar os códigos de mostrar/ocultar do tema demo do IPBoard [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Daemon Daemon  • Qua 27 Mar 2013 - 22:21

Categoria retrátil Empty Re: Categoria retrátil Qua 27 Mar 2013 - 22:21

Reputação da mensagem: 100% (1 votos)
Substitua por este:
Código:
jQuery(document).ready(function(){var p=0,u='http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_minimize.png',v='http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_maximize.png';jQuery('#main .main .main-head').each(function(){jQuery(this).next().attr('id',p);jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: -1px;margin-top: -17px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.main-head').next();if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0)}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0)}});p++})});

Wink'

Horlock Horlock  • Qui 28 Mar 2013 - 13:51

Categoria retrátil Empty Re: Categoria retrátil Qui 28 Mar 2013 - 13:51

Daemon deu ceto.
Obrigado! Pode fechar Very Happy

Conteúdo patrocinado  • 

Categoria retrátil Empty Re: Categoria retrátil

Permissões neste sub-fórum
Não podes responder a tópicos