Jump to content


MMarcus

Member Since 03/03/2007
Offline Last Active 23/01/2008, 06:34
-----

Posts I've Made

In Topic: Mostrar Div Oculta

05/03/2007, 16:12

Cara, muito obrigado pelas explicações... Não conheço quase nada de js e as suas respostas foram de grande ajuda!

Valeu!

In Topic: Mostrar Div Oculta

04/03/2007, 19:14

Eu tentei o que está na segunda página também, mas não deu...

No arquivo de exemplo eu inclui uma mudança na position (static) e no exemplo funcionou, porém, na minha página ainda não...

 sDiv.style.position = "static";
} else {
sDiv.style.display = "none";
}
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="#" ONCLICK="camada('menu');">Abre e fecha a camada 'menu'</A>

<!-- Camada 'menu' -->
<DIV ID="menu" STYLE="POSITION _linenums:0'><HTML> <HEAD> <TITLE>Mostrar/Esconder camadas - por Guilherme Blanco</TITLE> &lt;script> function camada( sId ) { var sDiv = document.getElementById( sId ); if( sDiv.style.display == "none" ) { sDiv.style.display = "block"; <strong class='bbc'> sDiv.style.position = "static";</strong> } else { sDiv.style.display = "none"; } } </SCRIPT> </HEAD> <BODY> <A HREF="#" ONCLICK="camada('menu');">Abre e fecha a camada 'menu'</A> <!-- Camada 'menu' --> <DIV ID="menu" STYLE="POSITION: absolute; TOP: 35px; LEFT: 5px; WIDTH: 400px; HEIGHT: 300px; ZINDEX: 2; BACKGROUND: #FFFFFF; BORDER: 3px dotted #000000; display:none">só troque todos os visibility por display, visible por block, hidden por none . . </DIV><strong class='bbc'><br></strong>teste </BODY></HTML>

Assim ela funcionou. Mas aonde eu preciso não:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><link href="estilo.css" rel="stylesheet" type="text/css" />   &lt;script>     function camada( sId ) {       var sDiv = document.getElementById( sId );       if( sDiv.style.display == "none" ) {         sDiv.style.display = "block";	<strong class='bbc'> sDiv.style.display = "static";</strong>       } else {         sDiv.style.display = "none";       }     }   </SCRIPT><body><!--Início menu--><div id="lateral">	<img src="home.jpg" /><br />	<strong class='bbc'><a href="#" onclick="camada('menu');"><img src="toq.jpg" /></a></strong><br />	<strong class='bbc'><div id="menu" style="position: absolute; top: 200px; left: 20%; width: 120px; height: 120px; zindex: 2; Display: none;"></strong>	<ul>		<li><a href="#">Item 1</a></li>		<li><a href="#">Item 2</a></li>		<li><a href="#">Item 3</a></li>		<li><a href="#">Item 3</a></li>	</ul></div><!--Fim do menu--></body></html>

Será que o que eu tô querendo não tem jeito mesmo? :(

Edit: Consegui. Mudando o lugar da div no código... ela não estava exatamente abaixo do link! Muito obrigado pela ajuda de vocês, e aproveitando o tópico, tem como ao clicar em outro link, fechar a div que tiver sido aberta por esse processo e automaticamente abrir uma outra? (Estou usando isso para fazer um sub-menu).

In Topic: Mostrar Div Oculta

04/03/2007, 18:06

Muito Obrigado!
Irei tentar...

P.S.: Eu até tinha procurado antes, mas não como "camadas"... :)

Edit: Funcionou sim, porém da mesma maneira que usando o Behavior do DW..., ela continua aparecendo sobreposta ao texto de baixo... =\

IPB Skin By Virteq