Ir para conteúdo

POWERED BY:

Arquivado

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

MateusDias

Função de submenu não desativa -

Por , em Javascript

Recommended Posts

MateusDias    0

MateusDias
Postado

Não tenho muita esperiência com javascript. Tenho esse codigo aí, o meu problema está na função AtivaMenu(). Eu clico em um item do menu, aparece o submenu, mas quando eu clico em outro item do menu. O submenu anterior não desaparece, continua na tela. So desaparece se eu clicar no mesmo item de menu novamente. Alguém poderia me ajudar a resolver isso. Se copiar o codigo vai funcionar certinho e terá uma idéia do que eu estou falando.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE type=text/css>
<!--
#menu1 {position: absolute;
		top: 5px; left: 5px;
		width: 150px; height: 25px;
		background-color: #DFDFCC;
		layer-background-color: #DFDFCC;
		color: black; 
		border: 1px solid #DFDFCC;
		vertical-align: center;
		padding: 1px; }
#menubody1 {position: absolute;
			top: 30px; left: 5px;
			width: 150px; 
			background-color: blue;
			layer-background-color: blue;
			color: #DFDFCC;
			border: 1px solid black; visibility: hidden;
			padding: 1px; }

#menu2 {position: absolute;
		top: 5px; left: 200px;
		width: 150px; height: 25px;
		background-color: #DFDFCC;
		layer-background-color: #DFDFCC;
		color: black; 
		border: 1px solid #DFDFCC;
		vertical-align: center;
		padding: 1px; }

#menubody2 {position: absolute;
			top: 30px; left: 200px;
			width: 150px; 
			background-color: blue;
			layer-background-color: blue;
			color: #DFDFCC;
			border: 1px solid black; visibility: hidden;
			padding: 1px; }
			
A.menu {text-decoration:none;color=black}
A.menubody {text-decoration: none; color: #DFDFCC }
-->
</STYLE>

<script language=javascript>
<!--
function AtivaMenu(menu)
{
		 if(document.layers)
		 {
		 meu_menu=document.layers[menu];
		 visible='show';
		 hidden='hide';
		 }
		 else if(document.all)
		 {
		 meu_menu=document.all(menu).style;
		 visible='visible';
		 hidden='hidden';
		 }
		 if(document.layers || document.all)
		 {
		 if (meu_menu.visibility==visible)
		 {
		 meu_menu.visibility=hidden;
		 }
		 else
		 {
		 meu_menu.visibility="visible";
		 }
		 }
}
//-->
</script>

</HEAD>
<BODY bgColor=white><br> 
<DIV id=menu1><FONT face=arial size=2><B><a class=menu href=# onClick="AtivaMenu('menubody1')">Menu 1</a></B></FONT> </DIV>

<DIV id=menubody1><FONT face=arial size=2><B>
<A class=menubody Href="http://www.x.com.br">SubMenu1</A><BR><A'>http://www.x.com.br">SubMenu1</A><BR><A class=menubody 
href="http://www.x.com.br">SubMenu1</A><BR><A'>http://www.x.com.br">SubMenu1</A><BR><A class=menubody 
href="http://www.x.com.br">SubMenu1 </A><BR><A class=menubody 
href="http://www.x.com.br">SubMenu1</A><BR><A'>http://www.x.com.br">SubMenu1</A><BR><A 
class=menubody href="http://www.x.com.br">SubMenu1</A></B></FONT></DIV>

<DIV id=menu2><FONT face=arial size=2><B><a class=menu href=# onClick="AtivaMenu('menubody2')">Menu 2</a></B></FONT> </DIV>
<DIV id=menubody2><FONT face=arial size=2><B>
<A class=menubody Href="http://www.x.com.br">SubMenu2</A><BR><A class=menubody 
href="http://www.x.com.br">SubMenu2</A><BR><A class=menubody 
class=menubody href="http://www.x.com.br">SubMenu2</A></B></FONT></DIV>
</BODY></HTML>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

Conforme o aviso existente no fórum de origem deste post, não é permitida a postagem de dúvidas nesta área, motivo pelo qual este tópico será movido para o fórum principal deste assunto.

 

Tópico Movido

 

Origem: Artigos, Tutoriais e Matérias (Javascript) http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Destino: Javascript

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