Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

diasgabrie

[Resolvido] fechar, minimizar, maximizar div

Recommended Posts

Existem várias formas de se fazer isso, e provavelmente usando alguma framework será mais simples ainda.

 

Segue um exemplo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,

 

Olha um código que desenvolvi:

 


<html>
<head>
	<title>...</title>

<script type="text/javascript">
<!--

	function minDiv(idDiv){
	
		document.getElementById(idDiv).style.width = "100px";
		
		document.getElementById(idDiv).style.height = "20px";		

	}

	function maxDiv(idDiv){

		document.getElementById(idDiv).style.width = "100%";
		
		document.getElementById(idDiv).style.height = "100%";
		
	}

	function fechaDiv(idDiv){

		document.getElementById(idDiv).style.display = "none";
	}

-->
</script>

</head>
<body>

<div style="width:200px; height:200px; border:#cccccc 1px solid; text-align:right;" id="teste">

	<a href="javascript:void(0)" onClick="javascript:minDiv('teste')">_</a> <a href="javascript:void(0)" onClick="javascript:maxDiv('teste')">+</a> <a href="javascript:void(0)" onClick="javascript:fechaDiv('teste')">x</a> <p>
	

</div>

</body>
</html>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.