setInterval problem - what's wrong here?

Hi all,

I'm trying to use setInterval to make a movement effect for a div. Here's the code:
onload=function() {
nowIDheight=document.getElementById("t").style.height;
nowIDheight=nowIDheight.substr(0, nowIDheight.length-2); //to remove px
for (i=0; i<=100; i++)
setInterval(function(){document.getElementById("t").style.height=i+"px"}, 1000);
}
...
<div style="height: 100px;border: 1px solid red" id="t">bla</div>
But that doesn't do the trick.
What's wrong here?

New question, sorry for the mess.

what you need is to put the logic the for loop provides you inside the interval like so:


var nowID = document.getElementById("t");
var nowIDheight=nowID.style.height;
var nowIDheight=nowIDheight.substr(0, nowIDheight.length-2); //to remove px
var maxNowIDheight = nowIDheight+100;
function moveNowID()
{
nowID.style.height = (++nowIDheight)+"px";
if (nowIDheight == maxNowIDheight)
clearInterval(moveInterval);
}
var moveInterval = setInterval(moveNowID, 1000);