Efecto aumentar div

[carlosgs91]

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.

[Dalvenjha]

Estás buscando algo como esto???? a ver dale una mirada y me avisas para ayudarte con el código.

Saludos!!

[carlosgs91]

Si, pero quiero saber utilizar la funcion setTimeout con variables dentro, gracias por el enlace

Editado: Gracias por el enlace, en el codigo usabas la funcion y aprendi a meter las variables, el codigo por si alguien lo quiere es:

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> 

[Dalvenjha]

De nada, aunque sea habrás comentado no?? xD.

Saludos!!

[carlosgs91]

Iniciado por Dalvenjha

De nada, aunque sea habrás comentado no?? xD.

Saludos!!

Comentar donde?xd

[Dalvenjha]

Es broma, aunque tengo otros tutos por siacaso quieres verlos, en mi firma está la direc de mi blog y de mi website.

Saludos!!

Ese es un tuto que aún no subo.