Ir ao conteúdo
  • Cadastre-se
Entre para seguir isso  
furyheart

Ajuda com menu em árvore (dtree)

Recommended Posts

eu não entendo ainda muito bem de javascript e peguei esse codigo para criar Menu em arvore que funcionou, porém não como eu esperava:

function ge(q){ return document.getElementById(q)}

function Menu(evt,id) {

if(typeof(evt)=='undefined')var evt=window.event


var lipai = id.parentNode;

var ulfilho = id.parentNode.getElementsByTagName ("ul")[0];

if(ulfilho.className.indexOf('aberto')<0 && ulfilho.className.indexOf('fechado')<0){

ulfilho.className = ulfilho.className + " aberto";
}
if(lipai.className.indexOf('paiaberto')<0 && lipai.className.indexOf('paifechado')<0){

lipai.className = lipai.className + " paiaberto";
}

if(ulfilho.className.indexOf('aberto')>-1){
ulfilho.className = ulfilho.className.replace("aberto","fechado");
}else{
ulfilho.className = ulfilho.className.replace("fechado","aberto");
}

if(lipai.className.indexOf('paiaberto')>-1){
lipai.className = lipai.className.replace("paiaberto","paifechado");
}else{
lipai.className = lipai.className.replace("paifechado","paiaberto");
}
if(typeof(evt.preventDefault)=='undefined'){
evt.returnValue = false;
}else{ evt.preventDefault() }

return false;
}
function ativaMenus(ul_pai){

if(ul_pai.constructor == String) ul_pai = ge(ul_pai)

var links = ul_pai.getElementsByTagName("a");
for (var i=0; i < links.length ; i++){

if(links.parentNode.getElementsByTagName("ul").length>0){
links.onclick = function(ev){ Menu(ev,this) }
}
}

var lis = ul_pai.getElementsByTagName("li");
for (var i=0; i < lis.length ; i++){ if(lis.getElementsByTagName("ul").length>0){
lis.className += " paifechado"; //fechando todos inicialmente
}}

var uls = ul_pai.getElementsByTagName("ul");
for (var i=0; i < uls.length ; i++){
uls.className += " fechado";
}
}
ul que é pai dos menus.
window.onload = function() { ativaMenus('menuteste') }

1 - só que ao clicar em um UL "pai" aparece os links e ao clicar em outro UL "pai" o anteriormente clicado não fecha , continua aberto...

o que devo acrescentar para ter apenas um UL "pai" aberto e ao clicar em outro o UL "pai" aberto se feche

2 - Como inserir transição nessas ULs "pais"

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora
Entre para seguir isso  





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×