Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/01/2009, 13:43
carlosgs91
 
Fecha de Ingreso: abril-2007
Mensajes: 213
Antigüedad: 17 años
Puntos: 0
Efecto aumentar div

Hola, estaba intentado hacer que al clickar en un vinculo un div se aumentase a razón de 1px por segundo (luego ya haria que eligieses el tiempo) pero no se porque no hace lo que deberia, el codigo es este:

Código HTML:
<script>
function cambiardiv(viejotam,nuevotam,tipo,divcambiar) {
if(tipo == "altura") {

var calculartiempo = Math.abs(nuevotam - viejotam);

for(i=0;i<=calculartiempo;i++) {
var tiempo = parseFloat(i) * 1000;
var tamn = parseFloat(viejotam) + i;
setTimeout(document.getElementById(divcambiar).style.height=tamn, tiempo);

}


}
}
</script>
<div style="background-color:#0066CC; width:600px; height:50px;" id="prueba"><a href="#" onClick="cambiardiv('50','100','altura','prueba');">asd</a></div> 
El error este en el setTimeout pero no se como ponerlo

Lo que hace es que al darle al boton automaticamente se pone al tamaño 100 sin ir aumentando 1px/1s.

Última edición por carlosgs91; 26/01/2009 a las 13:50