43 lines
1.5 KiB
JavaScript
43 lines
1.5 KiB
JavaScript
//wait for html site to be ready before executing init()
|
|
if (document.readyState == "complete") {
|
|
init();
|
|
} else {
|
|
document.addEventListener("DOMContentLoaded", init);
|
|
}
|
|
|
|
function init() {
|
|
if(document.getElementById('table') != null) {
|
|
highlight_row();
|
|
}
|
|
}
|
|
|
|
var selected = null;
|
|
|
|
function highlight_row() {
|
|
var table = document.getElementById('table');
|
|
var cells = table.getElementsByTagName('td');
|
|
|
|
for( var i = 0; i < cells.length; i++) {
|
|
var cell = cells[i];
|
|
cell.onclick = function() {
|
|
var rowId = this.parentNode.rowIndex;
|
|
var rowsNotSelected = table.getElementsByTagName('tr');
|
|
for ( var row = 0; row < rowsNotSelected.length; row++) {
|
|
rowsNotSelected[row].style.backgroundColor = "";
|
|
rowsNotSelected[row].classList.remove('selected');
|
|
}
|
|
var rowSelected = table.getElementsByTagName('tr')[rowId];
|
|
if (selected != null && selected == rowId) {
|
|
selected = null;
|
|
rowSelected.style.backgroundColor = "";
|
|
rowSelected.classList.remove('selected');
|
|
document.getElementsByClassName("edit")[0].disabled = true;
|
|
} else {
|
|
selected = rowId;
|
|
rowSelected.style.backgroundColor = "yellow";
|
|
rowSelected.className += " selected";
|
|
document.getElementsByClassName("edit")[0].disabled = false;
|
|
}
|
|
}
|
|
}
|
|
} |