Ir para conteúdo

POWERED BY:

Arquivado

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

ScornInPC

Div de traz para frente

Por , em Javascript

Recommended Posts

ScornInPC    1

ScornInPC
Postado

Ola pessoal, preciso fazer "camadas", um div acima do outro, pra naum perder os dados do div anterioro problema é que se um div ja estiver aberto, e tiver um na frente dele, naum posso fecha-lo, como mandar ele pra frente?

Compartilhar este post

Link para o post
Compartilhar em outros sites

ScornInPC    1

ScornInPC
Postado

vixe, deu na mesma hempensei no seguinte: inicio com todos os divs display none, quando clico no link ele coloca o div alvo como block. o problema é que pra ele colocar block, ele tem que dar o none para os outros outra vez. Dai pensei em armazenar em uma variavel o div que esta visivel, e quando eu clicar em outro link, ele coloca o div da variavel em none, e o novo com blockvocê acha que essa pode ser uma opção boa?

Compartilhar este post

Link para o post
Compartilhar em outros sites

ScornInPC    1

ScornInPC
Postado

é, pensei em vazer isso, porem se o site tiver muitos div isso vai pesarmeu projetinho deverá ter uns 30 divs, por isso não achei que seria o melhor.bom, de um pro outro, só tem uma função a mais, vo fazer do jeito que eu pensei, dai faço esse, e vejo se a diferença é grandebom thiago, valeu, e desculpa por ter postado aqui =D inicialmente era uma duvida de ajax =D

Compartilhar este post

Link para o post
Compartilhar em outros sites

ScornInPC    1

ScornInPC
Postado

é, realmente não ouve muita diferença, testado com 12 divs

 

se alguem quiser analisar:

 

<html>   <head>	  <script type="text/javascript" src="divs.js"></script>   </head>   <body>	  <span onClick="Mostrar(1);">Pagina 1</span> | <span onClick="Mostrar(2);">Pagina 2</span> |	  <span onClick="Mostrar(3);">Pagina 3</span> | <span onClick="Mostrar(4);">Pagina 4</span> |	  <span onClick="Mostrar(5);">Pagina 5</span> | <span onClick="Mostrar(6);">Pagina 6</span> |	  <span onClick="Mostrar(7);">Pagina 7</span> | <span onClick="Mostrar(8);">Pagina 8</span> |	  <span onClick="Mostrar(9);">Pagina 9</span> | <span onClick="Mostrar(10);">Pagina 10</span> |	  <span onClick="Mostrar(11);">Pagina 11</span> | <span onClick="Mostrar(12);">Pagina 12</span> |	  <BR>	  <BR>	  <?php include "divs.php"; ?>   </body></html>

<div id="janela1" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 1</div><div id="janela2" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 2</div><div id="janela3" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 3</div><div id="janela4" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 4</div><div id="janela5" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 5</div><div id="janela6" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 6</div><div id="janela7" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 7</div><div id="janela8" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 8</div><div id="janela9" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 9</div><div id="janela10" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 10</div><div id="janela11" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 11</div><div id="janela12" style="position: absolut; top: 200px; left: 200px; display: none;">   pagina 12</div>

 

 

aqui muda os dois divs.js são os teste

 

var DivTotal = 12;function Mostrar(DivNovo) {   for (i = 1; i<=DivTotal; i++) {	  var DivAreaAtual = document.getElementById('janela' + i);	  DivAreaAtual.style.display = 'none';   }   var DivAreaNovo = document.getElementById('janela' + DivNovo);   DivAreaNovo.style.display = 'block';}

var DivAtual = 0;function Mostrar(DivNovo) {   if (DivAtual != 0) {	  var DivAreaAtual = document.getElementById('janela' + DivAtual);	  DivAreaAtual.style.display = 'none';   }   var DivAreaNovo = document.getElementById('janela' + DivNovo);   DivAreaNovo.style.display = 'block';      DivAtual = DivNovo;}

mesmo assim obrigado thiago

 

[]'s

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