Ir para conteúdo

POWERED BY:

Arquivado

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

berkowitz

Layers DIV

Por , em Javascript

Recommended Posts

berkowitz    2

berkowitz
Postado

Pessoal, tenho aqui três Layers (div) diferentes. Quando clico em um determinado link, aparece uma div. Quando clico em outro link, como faço para que feche a div que estava aberta e abra a outra?

Por exemplo:

 

MENU

Primeiro Link

Segundo Link

Terceiro Link

 

Ao clicar no "Primeiro Link" deverá aparecer o layer "UM".

Quando clicar no "Terceiro link", por exemplo, deverá fechar o layer já aberto (no caso o "UM") e abrir o layer correspondente ao "Terceiro Link".

 

Espero ter me expressado corretamente.

 

Valeu!!

 

BERKOWITZ :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

Pessoal, tenho aqui três Layers (div) diferentes. Quando clico em um determinado link, aparece uma div. Quando clico em outro link, como faço para que feche a div que estava aberta e abra a outra?

Por exemplo:

 

MENU

Primeiro Link

Segundo Link

Terceiro Link

 

Ao clicar no "Primeiro Link" deverá aparecer o layer "UM".

Quando clicar no "Terceiro link", por exemplo, deverá fechar o layer já aberto (no caso o "UM") e abrir o layer correspondente ao "Terceiro Link".

 

Espero ter me expressado corretamente.

 

Valeu!!

 

BERKOWITZ :ph34r:

DESCONSIDERAR ESTE!!!!!!!

 

BERKOWITZ :ph34r:

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassitos    2

cassitos
Postado

ham... acho q tem um jeito + fácil e limpo de fazer isso, mas taí um exemplo:

<html>

<head>

<title>Documento sem título</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//-->

</script>

<script language="JavaScript">

function exibelayer(obj)

{

document.all["Layer1"].style.display="none";

document.all["Layer2"].style.display="none";

document.all["Layer3"].style.display="none";

 

document.all[obj].style.display="";

}

</script></head>

 

<body>

<div id="Layer1" style="position:absolute; left:46px; top:67px; width:91px; height:72px; z-index:1">1</div>

<div id="Layer2" style="position:absolute; left:148px; top:67px; width:91px; height:72px; z-index:2; display: none;">2</div>

<div id="Layer3" style="position:absolute; left:248px; top:67px; width:91px; height:72px; z-index:3; display: none;">3</div>

<a href="#" onClick="exibelayer('Layer1')">Layer1</a> <a href="#" onClick="exibelayer('Layer2')">Layer2</a> <a href="#" onClick="exibelayer('Layer3')">Layer3</a>

</body>

</html>

:ph34r:

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

OK. VALEU!!!! :ph34r:

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