Scrolling in div

[chris]

Hello all - I'm trying to get a div element to scroll down when a new
line of html is added to it. Here's my div element:

<div id="initialtext"
style="height:185px;width:390px;overflow:scroll;z-index: 91; position:
absolute; visibility:visible;left:15px;top:67px;"></div>

And I have a function that adds text to this div:

function addText(t)
{
var d = document.getElementById("initialtext");
if (d)
{
d.innerHTML+=t;
// Now I want the div to scroll down so I can see the
new line!
}
}
I've tried doScroll(), scrollTop(), and a bunch of other ideas I found
in this group but cannot get anything to work! Thanks much for any
input!

[RobB]

ch***@milwaukeejobs.com wrote in message news:<e0**************************@posting.google. com>...

Hello all - I'm trying to get a div element to scroll down when a new
line of html is added to it. Here's my div element:

<div id="initialtext"
style="height:185px;width:390px;overflow:scroll;z-index: 91; position:
absolute; visibility:visible;left:15px;top:67px;"></div>

And I have a function that adds text to this div:

function addText(t)
{
var d = document.getElementById("initialtext");
if (d)
{
d.innerHTML+=t;
// Now I want the div to scroll down so I can see the
new line!
}
}
I've tried doScroll(), scrollTop(), and a bunch of other ideas I found
in this group but cannot get anything to work! Thanks much for any
input!

Try:

function addText(id, txt)
{
var el;
if (el = document.getElementById(id))
{
el.innerHTML += txt;
if (typeof el.scrollTop != 'undefined')
setTimeout('document.getElementById("'+id+'").scro llTop=5000;', 50);
}
}

[chris]

It works! Thanks so much!