Ocultando Div com JavaScript

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Ocultando Div com JavaScript

Mensagem  marcio em Qua Jul 02, 2014 3:28 pm

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Document</title>
<script type=”text/javascript”>
//Função responsavel para ocultar a div.
function ver(){
document.getElementById(“formulario”).style.display = “”;
}
function fechar(){
document.getElementById(“formulario”).style.display = “none”;
}
</script>
</head>
<body>
<input type=”submit” value=”Iniciar” onClick=”ver();” />// chamando a função ver
<input type=”submit” value=”Fechar” onClick=”fechar();” />//chamando a função fechar
function ver(){
document.getElementById(“formulario”).style.display = “”;
}
function fechar(){
document.getElementById(“formulario”).style.display = “none”;
}
</script>
</head>
<body>
<input type=”submit” value=”Iniciar” onClick=”ver();” />
<input type=”submit” value=”Fechar” onClick=”fechar();” />
<div id=”formulario”>
<form>
Nome:<input type=”texto” name=”nome”><br>
<input type=”submit” value=”enviar”>
</form>
</div>
</body>
</html>

document.getElementById(“formulario”).style.display = “”;
Identifica a div que ira receber a ação
document.getElementById(“formulario”).style.display = “”;
ação responsavel para vizualizar a Div.
obs:
a linha de fechar é o mesmo comando, com a diferença no final do comando style.display ira receber none executa a ação de ocultar a dive.
document.getElementById(“formulario”).style.display = “none“;

 What a Face 

marcio

Mensagens : 115
Data de inscrição : 08/05/2010

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum