Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

pedrohenrique

fechar sumenu

Por , em Javascript

Recommended Posts

pedrohenrique    0

pedrohenrique
Postado

como faço para fechar o submenu que já está aberto quando eu abrir um novo?

o codigo é esse... (já peguei ele pronto na internet)

obrigado!

 

<style type="text/css"><!--body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	background-image: url(menu.jpg);	background-repeat: no-repeat;}.aberto{	display:block;	margin-left: 15px;	font-weight: normal;}.paiaberto{	font-weight: bold;}/* espaamento pro IE */* html .paiaberto {	padding-left: 5px;}.fechado{	display:none;}.paifechado{}/* espaamento pro IE */* html .paifechado { padding-left: 7px;}a {	text-decoration: none;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #000000;}a:hover {	color:#FF0000;}li {	list-style-type:none;	text-decoration: none;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #000000;}--></style><script>function fechaTodas(quem){/* função para fechar inicialmente todos os elementos   da árvore se desejar */	var lis = document.getElementById(quem).getElementsByTagName("li");	for (var i=0; i < lis.length; i++){		lis[i].className += " paifechado";	}	var uls = document.getElementById(quem).getElementsByTagName("ul");	for (var i=0; i < uls.length; i++){		uls[i].className += " fechado";	}}function Menu(id) {  /* função que muda a classe CSS dos elementos da lista   de forma a abrir e fechar a árvore */	var id;	//pegando o li pai do link	var lipai = id.parentNode;	//pegando o primeiro ul	var ulfilho = id.parentNode.getElementsByTagName ("ul")[0];		if(ulfilho.className.indexOf('aberto')<0 && ulfilho.className.indexOf('fechado')<0){		//definindo um estado inicial caso nao haja		ulfilho.className = ulfilho.className + " aberto";	}	if(lipai.className.indexOf('paiaberto')<0 && lipai.className.indexOf('paifechado')<0){		//definindo um estado inicial caso nao haja		lipai.className = lipai.className + " paiaberto";	}	//fazendo a troca	if(ulfilho.className.indexOf('aberto')>-1){	  ulfilho.className = ulfilho.className.replace("aberto","fechado");	}else{	  ulfilho.className = ulfilho.className.replace("fechado","aberto");	}	//mudando a imagem do li pai	if(lipai.className.indexOf('paiaberto')>-1){	  lipai.className = lipai.className.replace("paiaberto","paifechado");	}else{	  lipai.className = lipai.className.replace("paifechado","paiaberto");	}	return false;}</script></head><body onload="fechaTodas('menu')">	<ul id="menu">	   <li><a href="principal.htm" target="mainFrame">dsad</a></li>	   <li><a href="aa.htm" target="mainFrame">dsadsa</a></li>	   <li><a href="b_flash.htm" target="mainFrame">dsadqwrew</a></li>	   <li><a href="#" onclick="Menu(this)">submenu1</a>		 <ul>		   <li><a href="dd.htm" target="mainFrame">fdsf</a></li>		   <li><a href="v_normal1.htm" target="mainFrame">fdsfsd I</a></li>		   <li>fdsfds II</li>		   <li><a href="e_re_re.htm" target="mainFrame">fsdfdsf</a></li>		   <li><a href="re_rere_cx.htm" target="mainFrame">fdsfds</a></li>		 </ul>	   </li>	   <li>submenu2		 <ul>		   <li><a href="dsa.htm" target="mainFrame">fdsfsdf</a></li>		   <li><a href="ew_sdadsa.htm" target="mainFrame">fsdfdsfsd</a></li>		 </ul>	   </li>	   <li><a href="rewtew_dadsa.htm" target="mainFrame">dwet54365</a></li>	   <li><a href="tret_vcxv.htm" target="mainFrame">ytryt</a></li>	</ul></body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

pedrohenrique    0

pedrohenrique
Postado

Ao clicar, use a função fechaTodas e depois abre somente o que quer.

já tentei...mas não deu. daí não abre nenhum... só fica em negrito o item que clicou, mas não abre o seu submenu...você não conhece nenhum menu desses que estou procurando? não achei nehum assim...obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito