Chamar Função

[misterviralata]

Ola Amigos!

estou trabalhando com css que ao abrir a pagina ela se encontra no estado visibility: hidden, gostaria de saber como faço para criar uma função que ao clicar no botão coloque a minha div como visibility: visibility

Obrigado!

[Gutto]

A Andreia que é expert nesse lance de hidden, block, visibity...

Mas se você quer a lógica (a minha lógica) é assim:

Cria uma função em js pra alterar o estado de Oculto para Visível:

<script>
    function altera() {
    
    document.getElementById("layer").className= "visivel";
    
        }
</script>

O código CSS:

<style type="text/css">
.visivel { 
    visibility:visible;
}
.oculto {
    display:hidden;
}
</style>

No botão você coloca o evento que vai disparar a função:

<input type="submit" name="button" value="Exibe" id="button" onclick="altera();">

A layer de ID layer vai ficar visível ao clicar no botão.

[.Andreia.]

hsuahsuahs

bom também pode ser assim:

<script>
function Exibe()
{
document.getElementById("layer").style.display='block';
}
</script>

<a href="#" onclick="Exibe()">link</a>

<div id="layer" style="display:none">
TEXTO
</div>

ou mais simplificado:

<a href="#" onclick="document.getElementById('layer').style.display='block'">link</a>

<div id="layer" style="display:none">
TEXTO
</div>

[misterviralata]

Ola Gutto e andreia_sp!

Postei esta pergunta hoje de manhã e fiquei sem conecção até agora pouco.

neste tempo consegui fazer assim

<script >

function mostrar(camada2){

document.getElementById(camada2).style.visibility="visible";

}

function ocultar(camada2){

document.getElementById(camada2).style.visibility="hidden";

}

</script>

<a href="#" onClick="mostrar('camada2')">abrir</a>

<a href="#" onClick="ocultar('camada2')">fechar</a>

<div id="camada2" style="position:absolute;width:100;height:100;top:100;left:200;background-color:red;visibility:hidden">Camada 2</div>

mas o jeito que a andreia_sp explicou é muito melhor !

obrigado gutto e anderia_sp pela ajuda!

ola amigos voltei!

agora to tentando fazer a div abrir depois que clicar em um form

<form action"">

<input type=text name=new_senha>

<input type=submit value=ok>

</form>

$new_senha = $_POST['new_senha'];

if($new_senha == "1"){

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

}

<div id=layer style=visibility: hidden;>texto</div>

tentei assim mais não funcionou,

pode me dar alguma ideia?

[.Andreia.]

você chama layer como se fosse uma variavel, tenta assim:

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

[misterviralata]

andreia_sp

consegui assim:

if($new_senha == "1"){

$visivel = visibility;

} else {

$visivel = hidden;

}

echo'<div id=layer style=visibility: $visivel;>texto</div>';

Obrigado pela dica da variavel !!!