Question

I have a file that contains 50 rows. I need to display 10 rows at a time followed by the user’s action like he requests for a page.. say page 2. where i display the next 10 rows.. I have called a function in js:

like:

setRow(rowID);

//id is the no from which rows are to be displayed.. i.e. 10 rows from rowId are to be displayed… it is called from an onclick event…

like this:

    <input type = "button" vlaue = "1" onclick = "setRow(1);

” >

function setRow(val id) {
    display 10 rows from id;
}

I tried using: document.get…..ById(”).innerHTML… but that does not work..

How am i able to do that?

Answer 1

if you rows are in table with id=’mytable’

You can use this jQuery script:

function setRow(iStart, iEnd)
{
  $('#mytable tr').each(function(i){
   if(i>=iStart && i<=iEnd) $(this).fadeIn();
   else $(this).hide();
  });
}

http://api.jquery.com/each/