I have a simple script set up that hides and displays rows in a table, one at a time, every x seconds. This works quite well, but was wondering if there is a more concise way of doing it using jQuery?
//HIDE ALL THE ROWS
function hideRows()
{
var a = document.getElementById("dbTable1");
var len = a.rows.length;
for(i=1 ; i< len; i++)
{
a.rows[i].style.display = 'none';
}
}
//SHOW THE ROWS
var a = 1;
function showRows()
{
var e = document.getElementById("dbTable1");
var len = e.rows.length;
e.rows[a].style.display = 'block';
a=a+1;
if(a==len)
{
a=1;
}
}
//TIMER
function hideShow()
{
hideRows();
showRows();
}
//TIMER2
function hideShow2()
{
setInterval('hideShow()',3000);
}
function hideRows()
{
var a = document.getElementById("dbTable1");
var len = a.rows.length;
for(i=1 ; i< len; i++)
{
a.rows[i].style.display = 'none';
}
}
var a = 1;
function showRows()
{
var $rows1 = $('#dbTable1 tr'); //Get Number of <tr>
$rows1.css('display','none'); //Hide All Rows
$rows1.eq(0).css('display','block'); //Display Header
$rows1.eq(a).css('display','block'); //Show Row
a = (a == $rows1.length-1) ? 1 : a + 1; //get next row / reset back to first row
}