Camada Oculta

mycontato · Junho 18, 2010

:lol: E ai, tudo bem ?!?!? :lol:

Pessoal, estou fazendo um site, e eu preciso fazer o segunte:

Eu criei uma DIV chamada apDiv9 que fica invisivel, quando eu passo o ponteiro do mouse, sobre uma imagem, essa camada fica visivel.

Mas o problema, é que ela só fica visivel, quando eu permaneço com o ponteiro do mouse sobre a imagem, quando tiro, ela desaparece.

Eu queria, que quando eu passar o ponteiro ela fique visivel, e só desapareça, quando eu passar o ponteiro novamente sobre a imagem.

Estou usando esse código:

<!-- O script abaixo tem por objetivo fazer a DIV do menu aparece ou desaparece. -->  

&lt;script language="javascript">

function aparece() {

document.getElementById('apDiv9').style.visibility = "visible";

}

function some() {

document.getElementById('apDiv9').style.visibility = "hidden";

}

</script>  

<!-- O script acima tem por objetivo fazer a DIV do menu aparece ou desaparece. -->

Link da imagem, que faz aparecer ou desaparecer a DIV:

<!-- Ao Clicar no link abaixo, a DIV do menu aparece ou desaparece. -->
  
<div id="apDIV6"><a href="#" onmouseover = "aparece()" onmouseout="some()"><img src="imagens/pt_a.gif" border="0"/></a></div>
  
<!-- Ao Clicar no link acima, a DIV do menu aparece ou desaparece. -->

Toda ajuda será muito bem vinda.

valeu !!!!

Willian Gustavo Veiga · Junho 18, 2010

Faça algo assim:

Quando passar o mouse em cima do link (onmouseover), você verifica (if(document.getElementById('camada').style.display == 'block')) se a camada está visível. Se ela estiver, muda o display dela para none. Caso contrário (else), muda para display block.

Entendeu? Se tiver dúvidas poste novamente.

Um abraço, tudo de bom.

mycontato · Junho 18, 2010

Falae William Gustavo !!!!

Obrigado pela força.

Eu entendi que você quer que eu use a tomada de decisão IF, ELSE, mas não entendi a lógica.

Pois no meu site, eu quero que comece invisivel, dai o visitante passa o mouse para exibir o menu, dai ela ficaria visivel e bloqueada, dai seu o visitante quiser esconder o menu, ele passaria o mouse novamente, e a camada ficaria invisivel.

Eu sei usar IF ELSE, mas não sei como aplicar oque eu preciso, no IF ELSE, não estou sabendo fazer a lógica !!!!

William, veja se é isso:

<a href="#" onmouseover = "(if(document.getElementById('apDiv9').style.display == 'block')) else(some())">

Willian Gustavo Veiga · Junho 18, 2010

Fiz um exemplo rápido.

<html>
    <head>
        <script type="text/javascript">
        function mediv() {
            var div = document.getElementById('div');
            if(div.style.display == 'none') {
                div.style.display = 'block';
            }
            else {
                div.style.display = 'none';
            }
        }
        </script>
    </head>
    <body>
        <a href="#" onmouseover="mediv()">Mostrar</a>
        <div id="div" style="border: 2px solid #000; display: none; height: 100px; width: 100px;"></div>
    </body>
</html>

Se tiver alguma dúvida poste novamente.

Um abraço.

mycontato · Junho 18, 2010

Amigo, obrigado pela força !!!!

Entrar

Camada Oculta

Pergunta

mycontato

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

Willian Gustavo Veiga

Link para o comentário

Compartilhar em outros sites

mycontato

Link para o comentário

Compartilhar em outros sites

Willian Gustavo Veiga

Link para o comentário

Compartilhar em outros sites

mycontato

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades