Ir para conteúdo

POWERED BY:

Arquivado

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

Meela

submenu em outra posição?

Por , em Desenvolvimento frontend

Recommended Posts

Meela    0

Meela
Postado

Oi, gente!

 

Seguinte, tenho um menu que, ao clicar em um dos links, deve aparecer um submenu em outra área (dá pra ter uma idéia pela imagem. No caso a área onde está o submenu ficaria vazia até que o usuário clicasse no link do menu2. Daí apareceriam os outros links).

 

O problema é que não consigo fazer isso! De um modo bem arcaico, daria pra colocar dois frames - um pro submenu e um pro conteúdo - e colocar o menu como uma página, mas eu tenho certeza absoluta de que existe um meio melhor pra fazer isso. Só não sei como. =/

 

Vocês podem me ajudar?

 

Obrigada! =)

 

Ps: tenho uma outra dúvida que não consigo resolver, nesse tópico aqui. Se alguém puder dar uma ajuda, agradeço muito!

Compartilhar este post

Link para o post
Compartilhar em outros sites

MartinsV    0

MartinsV
Postado

Isso deve ser mole com javascript... fiz um script aqui rapidinho, você pode trabalhar um pouco ele ou consultar o pessoal da área do javascript.

 

<html>

<head>

<title>Sem Título</title>

<style>

#submenu1, #submenu2, #submenu3
{
	display: none;
}

</style>

<script language="javascript">

function MostrarSubMenu(submenu)
{
	submenu.style.display  = 'block';
}

</script>

</head>

<body>

<div id="menu-topo">
<ul>
	<li><a href="#" onclick="MostrarSubMenu(submenu1);">Menu 1</a></li>
	<li><a href="#" onclick="MostrarSubMenu(submenu2);">Menu 2</a></li>
	<li><a href="#" onclick="MostrarSubMenu(submenu3);">Menu 3</a></li>
</ul>
</div>

<div id="submenu1">
<ul>
	<li>Submenu 1 - Menu 1</li>
	<li>Submenu 2 - Menu 1</li>
	<li>Submenu 3 - Menu 1</li>
</ul>

<div id="submenu2">
<ul>
	<li>Submenu 1 - Menu 2</li>
	<li>Submenu 2 - Menu 2</li>
	<li>Submenu 3 - Menu 2</li>
</ul>

<div id="submenu3">
<ul>
	<li>Submenu 1 - Menu 3</li>
	<li>Submenu 2 - Menu 3</li>
	<li>Submenu 3 - Menu 3</li>
</ul>

</body>

</html>

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Meela    0

Meela
Postado

Oi MartinsV!

Testei o código, e ele funcionou como eu queria, obrigada. =)

 

Só tem um problema...ele funcionou no Opera e no Explorer. No Firefox não. =/

Como posso contornar isso?

 

Obrigada novamente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

MartinsV    0

MartinsV
Postado

Ué, q estranho, no meu firefox ele funciona normalmente!

 

qual versão do FF você tá usando? (eu to na 3.0.5)

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

MartinsV    0

MartinsV
Postado

Tente usar um outro nome para o id da div submenu (como submenu1), porque submenu é o nome da variável da função que eu criei, então pode haver um conflito entre o nome desta variável e do nome da div submenu. Acredito que assim funcione:

 

<div id="menu"><a href="#" onclick="MostrarSubMenu(submenu1);"><img src="imagens/menu_portifolio1.png" class="menuimg2 roll imagens/menu_portifolio2.png"/></a></div>

<div id="submenu1">

<img src="imagens/sub_identidade1.png" class="subimg1 roll imagens/sub_identidade2.png" /><img src="imagens/sub_editorial1.png" class="subimg2 roll imagens/sub_editorial2.png" /><img src="imagens/sub_experimental1.png" class="subimg3 roll imagens/sub_experimental2.png" /><img src="imagens/sub_web1.png" class="subimg4 roll imagens/sub_web2.png" />

</div>

Abraços

Compartilhar este post

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

Informação importante

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

  Aceito