Você não está conectado. Conecte-se ou registre-se

[TUTORIAL] Mostrar/Fechar Categorias

Ir em baixo  Mensagem [Página 1 de 1]

1 [TUTORIAL] Mostrar/Fechar Categorias em Dom Jul 14, 2013 3:48 pm

Cʀɑzy

avatar
Administrador
Administrador


Mostrar/Fechar Categorias

Já vimos códigos que fecham todas as categorias de uma vez, o que eu vou expor aqui fecha apenas a que você quiser, basta dar um clique no título dela que a mesma fecha e abre automaticamente.

--> Tutoriais sobre Programação <--
Mostrar/Fechar Categorias


- Código JavaScript a ser utilizado:

PUNBB:
Código:
jQuery(document).ready(function(){
jQuery('.main .main-head').append('<span style="display:none" class="contar2">1</span>');
jQuery('.main .main-head').css('cursor','pointer');
jQuery('.main .main-head').attr('title','Fechar Categoria Abaixo');
jQuery('.main .main-head').click(function(){
if(jQuery(this).find('.contar2').text() == "1"){
jQuery(this).next('.main-content').slideUp();
jQuery('.main .main-head').attr('title','Mostrar Categoria Abaixo');
jQuery(this).find('.contar2').text('2');
}else{
jQuery(this).next('.main-content').slideDown();
jQuery('.main .main-head').attr('title','Fechar Categoria Abaixo');
jQuery(this).find('.contar2').text('1');
}
});
});
PHPBB3:
Código:
jQuery(document).ready(function(){
jQuery('.forabg .topiclist').append('<span style="display:none" class="contar2">1</span>');
jQuery('.forabg .topiclist').css('cursor','pointer');
jQuery('.forabg .topiclist').attr('title','Fechar Categoria Abaixo');
jQuery('.forabg .topiclist').click(function(){
if(jQuery(this).find('.contar2').text() == "1"){jQuery(this).next('.topiclist.forums').slideUp();
jQuery('.forabg .topiclist').attr('title','Mostrar Categoria Abaixo');
jQuery(this).find('.contar2').text('2');
}else{
jQuery(this).next('.topiclist.forums').slideDown();
jQuery('.forabg .topiclist').attr('title','Fechar Categoria Abaixo');
jQuery(this).find('.contar2').text('1');
}
});
});

- Aplicação do Código:
Aceda à:
Painel de Controle :seta:Módulos :seta:HTML & JAVASCRIPT :seta:Gestão dos Códigos JavaScript


Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.


  • Resultado Final:
    Vá até a página inicial do seu fórum e clique em algum título de categoria.


  • Funcionalidade:
    PUNBB e PHPBB3





© Kinger Cheats


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Mostrar/Fechar Categorias


_________________
<br>
 Regras do fórum
 Equipe Kinger Cheats

Obrigado Vitor:
Ver perfil do usuário http://kingercheats.forumeiros.com

Voltar ao Topo  Mensagem [Página 1 de 1]

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