I have a document ready function to make my HTML table scroll to bottom when page starts:

 

<script type ="text/javascript" language ="Javascript"> <!--

$(document).ready(function () {

   var scrollBottom = Math.max($( '#Table0' ).height() - $( '#myDiv' ).height() + 20, 0);

   $( '#myDiv' ).scrollTop(scrollBottom);

});

//--> </ script >

 

it works fine. But then I add more rows to the table, How do I call this function from

an ImageButton I use to add records and force my Table to scroll to the

bottom of the table and display the new record added ?

In the ImageButton I use the onClientClick event.

 

Please help.

 

Thanks Charly