Scroll к концу DIVа

[Gluk]

Scroll к концу DIVа

<div id=progress style="MARGIN: 0px; OVERFLOW: auto; WIDTH: 100%; HEIGHT: 400px"></div>

есть JS функция
function addprogress(id, name, comment)
{
progress.innerHTML = progress.innerHTML + "<table><tr><td width=150>" + id + "</td><td width=150 align=center>$" + name + "</td><td width=200><font color=#00A800>Success, " + comment + "</font></td></tr></table>";
}

когда содержимое не умещается в 400 px у divа появляется scroll, как перемещаться к последним добавленным данным?
и еще - когда функция вызывается более 500 раз, проц начинает грузиться по страшному! может можно как нибудь оптимизировать этот процесс (добавления кода в html)???

 

[гоша]

если вы строите таблицу, то лучше применить insertRow + insertCell

прокрутить можно изменением scrolltop
а лучше писать лог "снизу вверх"

 

[Gluk]

можно поподробнее о insertRow и insertCell? и как насчет совместимости с Netscape? там это тоже работает?

а со scrollом разобрался - div_name.doScroll("pageDown");

http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/doscroll.asp?frame=true

 

[гоша]

> там это тоже работает?

вроде бы да

 

[Gluk]

с divом разобрался так:
div_name.insertAdjacentHTML("beforeEnd", "text here");

http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/insertadjacenthtml.asp?frame=true

 

[гоша]

ну плоховато разобрался, прямо скажем.

 

[Gluk]

почему?

 

[гоша]

потому что DOM методы лучше и быстрее манипуляций с html, к тому же не кроссбраузерных.