Staffer Group BR™

Fórum interativo totalmente gratuito!


 VisualizaçõesPermissão deste fórum:
Não podes responder a tópicos


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

D'Leandro™
Fundador

Categorias Ocultas ou Separadas


PunBB PhpBB2 PhpBB3 Invision

Como assim?
Este código faz com que todas as categorias fiquem ocultas e apareça apenas uma lista com o nome de todas elas, quando voce clica em um nome, a categoria aparece logo abaixo.


--> Código JavaScript <--
Indice

Código:
function tttf(n) {
var tables = $("#main-content .forabg")[n];
document.getElementById("ttid").innerHTML = "<div class='forabg'>" + tables.innerHTML + "</div>";
}
$(function() {
if (location.pathname=="/forum" || location.pathname=="/") {
var tables = $(".forabg").get();
var tf = document.getElementById("main-content");
var ttab = document.createElement("ul");
ttab.setAttribute("id","ttcl");
for (i=0; i<tables.length; i++) {
tables[i].style.display="none";
ttab.innerHTML += "<li><a href='javascript:void(0);' onclick='tttf(" + [i] + ")'>" + tables[i].childNodes[0].childNodes[1].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].innerHTML + "</a></li>";
tf.parentNode.insertBefore(ttab,tf);
}
var tl = document.createElement("div");
tl.innerHTML = "<div id='ttid'>Clique em uma categoria para ver os fóruns!</div>";
tf.parentNode.insertBefore(tl,tf);
}
});


--> Resultado Final<--

Clique na imagem para visualizar ▲

Desenvolvido por (CRIADOR_NONE) | D'Leandro™
Editado e Postado por 2012 © Staffer Group BR™

#2
 Bookmarlucas654

Bookmarlucas654
Membro
Lol, que massa, mas, deveria ser algum efeito diferente(to sem ideias) em vez de apenas nomes =x

Tipo... seila... ;s
(PS.: Não funcional para PunBB)

#3
 Jose Hamizaki

Jose Hamizaki
Membro
Bem interessante esse codigo, obrigado por compartilhar.

#4
 dejanpetrus

dejanpetrus
Membro
xem muchos gracia

#5
 'Fusion

'Fusion
Membro
Gostei parabéns pelo resultado =D

#6
 Conteúdo patrocinado