Jump to content
Fórum Script Brasil
  • 0

Janelas z-index, nas janelas.


Leonardo.j

Question

Bom, tenho um sistema, onde ele abre as janelas, para as funções.

bom criei, todas as funções dela, de mover e etc.

agora meu problema está cendo, quando abre a primeira ela sempre fica na frente das outras, como posso colocar para quando clicar nas outras ir para frente?

seria onClick? e depois quando da onClick da outra não seria mesma coisa...

como poderia ser feito?

me diseram, em outro fórum, que funcionava assim:

<!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=utf-8" />
<title>Documento sem título</title>
<style>
div {width:100px; height:100px; float:left; position:absolute;}
</style>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function(){
  $('div').click(function(){
    $('div').css('z-index', '0');
    $(this).css('z-index', '1');
  });
});
</script>
</head>
<body>
<div style="background-color:#000;"></div>
<div style="background-color:#999; margin:20px;"></div>
<div style="background-color:#444; margin:40px;"></div>
<div style="background-color:#777; margin:60px;"></div>
</body>
</html>

Até ai tudo bem, mais quando você clica em uma, volta para a outra e depois tenta clicar em uma novamente, ela fica no fundo, pois por utimo foi acrescentado z-index: 1 na primeira.

teria que ser uma forma, else if, para ele verificar, se uma for ativa ele aplica z-index 1 e caso a mesma for desativa ele aplica z-index 0

seria mais ou menos isso.

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Muito obrigado!!!!!

perfeito, testei certinho e funciono.

Erro era: minhas nelas era nomes diferentes de várias divs, e dentro do site tinha divs, ou seja, não poderia colocar nome de div, então mudei para nome das divs separadas com virgulas, ou seja está 100% agora.

muito obrigado pela ajuda!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...