0

Manipulando DIV com JavaScript Por Ted k' 05 September 2008 as 11:08 pm

Página em JavaScript

 

funcao.js

var div = "manipulada";
// atribuir o nome da div que quer mostrar e ocultar

function AparecerDiv(){ // função aparecer
	document.getElementById(div).style.display = "block";
	// usamos o style.display para manupular o css da div e mostrar ela
}

function OcultarDiv(){  // função ocultar
	document.getElementById(div).style.display = "none";
	// usamos o style.display para manupular o css da div e ocultar ela
}

Teste.html

<html>
<head>
<script language="javascript" src="funcao.js"></script>
</head>
<body>
<span onClick="AparecerDiv();" style="cursor: pointer;"><u>Aparecer Div</u></span>
<br><br>
	<div id="manipulada" style="display: none;">
		Conteúdo da div escondida&nbsp;&nbsp;&nbsp;<span onClick="OcultarDiv();" style="cursor: pointer;">[<u>x</u>]</span>
	</div>
</body>
</html>

Um código simples para quem precisa manipular uma div com facilidade:


Posts anteriores
Proximos posts

Envie um comentário