「Forumeiros」 Mostrar apenas Categoria desejada 26.08.17 11:24
Esse script é bem simples: consiste em uma div com alguns botões que, ao serem clicados, fazem uma série de fadeIn e fadeOut.
Abaixo o script completo, como está no fórum:
COMENTE PARA VISUALIZAR! Após comentar, dê f5
- Código:
jQuery(function() {
$(".collapse").parent().parent().prepend("<div class='main-head' style='height:50px!important;'><center><input type='button' style=' border: 2px solid #263137;height: 40px!important;' class='botao-categoria' id='todas' value='TODAS' /><input type='button' style=' border: 2px solid #263137;height: 40px!important;' class='botao-categoria' id='forum' value='FÓRUM'/><input type='button' style=' border: 2px solid #263137;height: 40px!important;' class='botao-categoria' id='jogos' value='JOGOS'/><input type='button' style=' border: 2px solid #263137;height: 40px!important;' class='botao-categoria' id='design' value='DESIGN' /></center></div>");
$(".botao-categoria").on('click', function(){
var qual = $(this).attr('id');
if (qual=="forum"){
$(".page-title > h2:contains('Games')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Games')").parent().parent().fadeOut();
$(".page-title > h2:contains('Geek Zone')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Geek Zone')").parent().parent().fadeOut();
$(".page-title > h2:contains('Design Zone')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Design Zone')").parent().parent().fadeOut();
$(".page-title > h2:contains('Barzinho do fórum')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Barzinho do fórum')").parent().parent().fadeIn();
$(".page-title > h2:contains('Power Pixel Fórum')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Power Pixel Fórum')").parent().parent().fadeIn();
$(".page-title > h2:contains('Local do Usuário')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Local do Usuário')").parent().parent().fadeIn();
} else
if (qual=="jogos"){
$(".page-title > h2:contains('Games')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Games')").parent().parent().fadeIn();
$(".page-title > h2:contains('Geek Zone')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Geek Zone')").parent().parent().fadeOut();
$(".page-title > h2:contains('Design Zone')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Design Zone')").parent().parent().fadeOut();
$(".page-title > h2:contains('Barzinho do fórum')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Barzinho do fórum')").parent().parent().fadeOut();
$(".page-title > h2:contains('Power Pixel Fórum')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Power Pixel Fórum')").parent().parent().fadeOut();
$(".page-title > h2:contains('Local do Usuário')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Local do Usuário')").parent().parent().fadeOut();
} else
if (qual=="design"){
$(".page-title > h2:contains('Games')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Games')").parent().parent().fadeOut();
$(".page-title > h2:contains('Geek Zone')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Geek Zone')").parent().parent().fadeIn();
$(".page-title > h2:contains('Design Zone')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Design Zone')").parent().parent().fadeIn();
$(".page-title > h2:contains('Barzinho do fórum')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Barzinho do fórum')").parent().parent().fadeOut();
$(".page-title > h2:contains('Power Pixel Fórum')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Power Pixel Fórum')").parent().parent().fadeOut();
$(".page-title > h2:contains('Local do Usuário')").parent().parent().next().fadeOut();
$(".page-title > h2:contains('Local do Usuário')").parent().parent().fadeOut();
} else
if (qual=="todas"){
$(".page-title > h2:contains('Games')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Games')").parent().parent().fadeIn();
$(".page-title > h2:contains('Geek Zone')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Geek Zone')").parent().parent().fadeIn();
$(".page-title > h2:contains('Design Zone')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Design Zone')").parent().parent().fadeIn();
$(".page-title > h2:contains('Barzinho do fórum')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Barzinho do fórum')").parent().parent().fadeIn();
$(".page-title > h2:contains('Power Pixel Fórum')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Power Pixel Fórum')").parent().parent().fadeIn();
$(".page-title > h2:contains('Local do Usuário')").parent().parent().next().fadeIn();
$(".page-title > h2:contains('Local do Usuário')").parent().parent().fadeIn();
}
});
});
Funcionamento do script
Terás que alterar o texto da categoria para o texto desejado.
Exemplo: Cada "if" corresponde a um tipo de categoria diferente. No "if" dos "jogos" ele oculta todas as áreas de design e áreas à respeito do fórum.
Basta você editar o id do botão (ou adicionar algum botão) e editar o "if" (ou adicionar).
Espero que gostem.
O script é de minha autoria.