Ir para conteúdo
Fórum Script Brasil
  • 0

Janelas z-index, nas janelas.


Leonardo.j

Pergunta

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 para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 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 para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...