Javascript - Div recolhivel

Assuntos Gerais
#1

Galera é o seguinte, estou querendo fazer algo para exibir texto em lugares que sejam recolhiveis

consegui com o codigo abaixo recolher uma div MAS ele para se tem algum outro objeto dentro

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>.: GPTI - Tecnologia da Informação:.</title>
	
	<script>
		function recolhe(){
			var tamanho = document.getElementById("interno").style.height.replace("px","")
			if(tamanho>0){
				document.getElementById("interno").style.height = (tamanho-5) + "px" 
				setTimeout("recolhe()",1) 
			}
		}
		
		function expande(){
			var tamanho = parseInt(document.getElementById("interno").style.height.replace("px",""))
			if(tamanho<300){
				document.getElementById("interno").style.height = (tamanho+5) + "px" 
				setTimeout("expande()",1) 
			}
		}		
	</script>
</head>
<body>
	<div id="tudo" style="BORDER-RIGHT: black 1px
							  solid; BORDER-TOP: black 1px solid;
							  BORDER-LEFT: black 1px solid; WIDTH: 150px; BORDER-BOTTOM: black 1px solid; HEIGHT: 350px">
		
		<div id="recolher" style="BORDER-RIGHT: black 1px
							  solid; BORDER-TOP: black 1px solid;
							  LEFT: 11px; BORDER-LEFT:
							  black 1px solid; WIDTH: 30px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 16px; HEIGHT: 30px; BACKGROUND-COLOR: #000000">
				<input type="button" onclick="recolhe()" value="/\" name="1">
				<input type="button" onclick="expande()" value="\/" name="2">
		</div>
		
		<div id="interno" style="BORDER-RIGHT: black 1px
							  solid; BORDER-TOP: black 1px solid;
							  LEFT: 33px; BORDER-LEFT:
							  black 1px solid; WIDTH: 100px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 51px; HEIGHT: 300px; BACKGROUND-COLOR: #666666">
	    					  
					sdgffgdfgdgdfgdfgdg<br>
					asd<br>
					adasdasda<br>
					dasdasda
						
    
		</div>
    </div>
</body>
</html>

Alguma sujestão para que ele não pare no texto?

Abraço!

Filipe Pacheco Souza

#2

pra fazer isso (e mt mais) é mt mais facil usar uma biblioteca javascript já existente:

http://script.aculo.us/
http://github.com/madrobby/scriptaculous/wikis/combination-effects-demo

#3

hummmm… vlw pela dica mlk

vou dar uma olhada no material…

#4

excelente dica!!!

:lol: VALEEEEEEEEEEEEEEEEEEEEEEUZ!

-=-=-=-=-=-=-=-=-=-=-=-=
muitomassa.com developers
[color=white]muitomassa.com muitomassa.com muitomassa.com muitomassa.com muitomassa.com muitomassa.com[/color]

#5

[quote=jukkinha]pra fazer isso (e mt mais) é mt mais facil usar uma biblioteca javascript já existente:

http://script.aculo.us/
http://github.com/madrobby/scriptaculous/wikis/combination-effects-demo
[/quote]
Nossa… fico impressionado com o que dá pra se fazer com javascript… muito bom

#6