// add event to tr var selected_index=[]; function addEvent(table) { selected_index[0] = -1; for ( var i = 0; i < table.rows.length; i++) { // onmouseover event table.rows[i].onmouseover = function() { this.style.backgroundColor = "#E8F2FE"; if (selected_index[0] != -1) { table.rows[selected_index[0]].style.backgroundColor = "#C6D6FD"; } }; // onmouseout event table.rows[i].onmouseout = function() { this.style.backgroundColor = ""; if (selected_index[0] != -1) { table.rows[selected_index[0]].style.backgroundColor = "#C6D6FD"; } }; // onclick event table.rows[i].onclick = function() { if (selected_index[0] != -1) { table.rows[selected_index[0]].style.backgroundColor = ""; } this.style.backgroundColor = "#C6D6FD"; selected_index[0] = this.rowIndex; } } } // reset table function resetTable(table) { var rows = table.rows.length; for ( var i = 0; i < rows; i++) { table.deleteRow(0); } } // fix table function fixTable(table, cols, height) { var rows = table.rows.length; if (table.scrollHeight < height) { table.insertRow(-1); for ( var i = 0; i < cols; i++) { table.rows[rows].insertCell(-1); } fixTable(table, cols, height); } }