Uhmm... no entiendo.. osea, voy a explicar mejor a lo que quiero llegar.
un ejemplo simple para que un div se valla desplegando de a poco...
la propiedad overflow de css tendria que estar en hidden;
despues la funcion que haga la animacion, la hice asi nomas para el ejemplo;
Código HTML:
<html>
<head>
<script type="text/javascript">
var px = 0;
var ALTODECAPA = 100;
function alargar ()
{
if (px < ALTODECAPA)
{
px = (px+10);
document.getElementById('div').style.display = 'block';
document.getElementById('div').style.height = px+'px';
setTimeout('alargar ()', 10);
}
}
</script>
</head>
<body>
<input type="button" onclick="alargar ();" value="alargar" />
<div id="div" style="display: none; border: 1px solid #000; padding: 10px; overflow: hidden;">contenido<br />contenido<br />contenido</div>
</body>
</html> como veran, la variable ALTODECAPA esta en 100, pero este es un valor que yo no se cual va a ser, porque puede variar dependiendo de los saltos de linea y demas...
Ese valor equivaldria a objeto.offsetHeight, pero al estar la propiedad display en none, no me sirve..
Cual seria la solucion para este preblema?
saludos y gracias por colaborar
