Sunday, May 6, 2007

javascript:select the row in table

Code to make the table row highlight depending on what you entered in text field.
call this function on keyUp of textField

Function searchTable(table1,txtId)
{
var trimVal = trim(document.getElementById(txtId).value);
var table = document.getElementById(table1);
var rows = table.rows;
var rowLength = rows.length;

var i = 1 ;
var firstFind = true ;
if(rows == null typeof(rows) == 'undefined')
{
return ;
}
for(i = 1; i < rowLength ; i++) {
var cells = rows[i].cells;
var cellLength =cells.length;
rows[i].className="normalrow";

tdValue = trim(cells[colOnSearch].innerHTML) ;
var enteredValueLength = trimVal.length;
var valueToSearch = tdValue.substring(enteredValueLength,0);
valueToSearch = valueToSearch.toLowerCase();
if(valueToSearch == trimVal)
{
if(firstFind)
{
rows[i].className="classmouseover";
rows[i].cells[colOnSearch].scrollIntoView();
}
firstFind = false ;
}
}

}//end of for
}//end of function

No comments: