Ir para conteúdo

POWERED BY:

Arquivado

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

Muricium

erro com menu depois submenu e mais submenu

Por , em Javascript

Recommended Posts

Muricium    0

Muricium
Postado

Pessoal estou com um probleminha

 

estou desenvolvendo um menu e dentro deste menu vou ter submenus e dentro destes mais sub dos submenus. o problema que o que estou usando nao esta dando certo. O que nao esta dando certo? Quando o usuário clica no botao e depois no botao do submenu ele aparece e fica lá, mas se ele clica depois em outro botão o que clicou anteriormente nao desaparece como se fosse somando. Mas antes ele nem aparecia. o que fiz para ele aparecer? criei uma função para "níveis" de submenu. A questão é como faço para quando ele clicar em outro botão tudo o que foi clicado anteriormente ficar escondido.

 

Bom deu para perceber que nao entendo de javascript né, mas estou estudando e começando. segue o código para ajudar.

 

<script language="JavaScript" type="text/javascript">
// CAMADAS MENU

//Informe a quantidade de camadas que ficarão visíveis:
var numCamadas = 4;

var iLoop;
function mostrarCamada(valor){
//Ocultando todas as camadas que estiverem visíveis;
	for (iLoop = 1; iLoop <= numCamadas; iLoop++) {
		camadaAtual = "camada"+iLoop;
		document.getElementById(camadaAtual).style.display = "none";
	}
//Mostrar a camada de acordo com o valor enviado:
document.getElementById(valor).style.display = "block";
}

<!-- CAMADAS CINE TEATRO PARATY -->
//Informe a quantidade de camadas que ficarão visíveis:
var cineCamadas = 2;

var iLoop;
function mostrarCinecamada(valor){
//Ocultando todas as camadas que estiverem visíveis;
	for (iLoop = 1; iLoop <= cineCamadas; iLoop++) {
		camadaAtual = "cincamada"+iLoop;
		document.getElementById(camadaAtual).style.display = "none";
	}
//Mostrar a camada de acordo com o valor enviado:
document.getElementById(valor).style.display = "block";
}
</script>
</head>
<body>
<a href="#" onclick="mostrarCamada('camada1')" ><img src="imagens/btn_cinema.gif" name="cine" width="136" height="22" border="0" id="cine" /></a> 

<a href="#" onclick="mostrarCamada('camada2')"  name="leilao" width="57" height="22" border="0" id="leilao" /></a>

<div id="camada1" >
	   	  <div id="submenu_cine">
	   		<a href="#" onclick="mostrarCinecamada('cincamada1')"><img src="imagens/btn_planta.gif" alt="Planta" name="planta" width="136" height="22" border="0" id="planta" /></a>

<div id="cincamada1">
			  <div id="tituloplanta"> </div>
			  <div id="imagensplanta">   
	   		  <div id="submenu_planta">
			   	  <div id="thumbs"><a href="#" onclick="mostrarPlanta('plantacamada1')"><img src="imagens/planta_thumb01.gif" title=""/></a></div>

</body>

será que deu para entender?

 

abs

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Isso não seria um menu drop-down???

 

Você não precisa de tanto javascript pra isso...

 

veja:

http://forum.imasters.com.br/index.php?showtopic=340960

 

Duvidas, poste lá no tpc

 

flws...

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