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

Camada Invisivel


Guest - Luiz -

Pergunta

Olá pessoal...td legal?

Gostaria de uma ajuda...creio que seja simples...porém sou leigo em JSP....

Eu criei uma camada <div> e dentro inseri uma tabela com alguns banners...e nessa tabela tem um botao que quando eu clicar gostaria que essa camada ficasse invisivel.... eu consegui fazer isso mas clicando em um checkbox, onde quando eu marco...a camada some...e quando eu desmarco ela reaparece....mas eu preciso apenas que ao clicar em um link essa camada se torne invisivel...e não tenha mais como retornar a ficar visivel..

alguém pode me ajudar?

Agradeço!

Luiz

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Olá...eu consegui fazer a camada ficar visivel e invisivel clicando no checkbox... passo abaixo o cod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title></title>
        <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <script id=clientEventHandlersJS language=javascript>
<!--

function Checkbox1_onclick() {
   if (Checkbox1.checked) {
       camada1.style.visibility = 'visible';
       camada1.style.position='Static';
       camada2.style.visibility = 'visible';
       camada2.style.position='Static';
   }    
   else {
       camada1.style.visibility = 'hidden';
       camada1.style.position='Absolute';
       camada2.style.visibility = 'hidden';
       camada2.style.position='Absolute';       
  } 
}

//-->
</script>
</head>
    <body>
    
    
    Atividade Fisica?<INPUT type="checkbox" NAME="Checkbox1" language=javascript onclick="return Checkbox1_onclick()">
    <div id=camada1 style="VISIBILITY: hidden; POSITION: absolute">
    modalidade<INPUT type="text" NAME="Text1">
    </div><br>
<INPUT type="button" value="OK" ID="Button1" >
    
    
    
    </body>
</html>

Agora preciso adaptar para fechar a camada quando eu clicar em um link....será que pode me ajudar?

Agradeço!

Link para o comentário
Compartilhar em outros sites

  • 0
<html>
<head>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script id=clientEventHandlersJS language=javascript>
<!--
function Checkbox1_onclick() {
   if (camada1.style.visibility == 'hidden'){
       camada1.style.visibility = 'visible';
       camada1.style.position='Static';
       camada2.style.visibility = 'visible';
       camada2.style.position='Static';
   }else{
       camada1.style.visibility = 'hidden';
       camada1.style.position='Absolute';
       camada2.style.visibility = 'hidden';
       camada2.style.position='Absolute';      
    }
}
//-->
</script>
</head>
<body>
<a onclick="Checkbox1_onclick();" onmouseover="style.cursor='pointer';">mostra div</a>
<div id="camada1" style="VISIBILITY: hidden; POSITION: absolute">modalidade div 1<INPUT type="text" NAME="Text1"></div>
<div id="camada2" style="VISIBILITY: hidden; POSITION: absolute">modalidade div 2<INPUT type="text" NAME="Text2"></div>
<br>
<INPUT type="button" value="OK" ID="Button1" >
</body>
</html>

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...