diff options
Diffstat (limited to 'src/usr/local/www/javascript/row_toggle.js')
-rw-r--r-- | src/usr/local/www/javascript/row_toggle.js | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/src/usr/local/www/javascript/row_toggle.js b/src/usr/local/www/javascript/row_toggle.js new file mode 100644 index 0000000..350743e --- /dev/null +++ b/src/usr/local/www/javascript/row_toggle.js @@ -0,0 +1,66 @@ +function fr_toggle(id, prefix) { + if (!prefix) + prefix = 'fr'; + + var checkbox = document.getElementById(prefix + 'c' + id); + checkbox.checked = !checkbox.checked; + fr_bgcolor(id, prefix); +} + +function fr_bgcolor(id, prefix) { + if (!prefix) + prefix = 'fr'; + + var row = document.getElementById(prefix + id); + var checkbox = document.getElementById(prefix + 'c' + id); + var cells = row.getElementsByTagName('td'); + var cellcnt = cells.length; + + for (i = 0; i < cellcnt; i++) { + // Check for cells with frd id only + if (cells[i].id == prefix + 'd' + id) + cells[i].style.backgroundColor = checkbox.checked ? "#FFFFBB" : "#FFFFFF"; + } + //cells[7].style.backgroundColor = checkbox.checked ? "#FFFFBB" : "#990000"; +} + +function fr_insline(id, on, prefix) { + if (!prefix) + prefix = 'fr'; + + var row = document.getElementById(prefix + id); + var prevrow; + if (id != 0) { + prevrow = document.getElementById(prefix + (id-1)); + } else { + prevrow = document.getElementById(prefix + 'header'); + } + + var cells = row.getElementsByTagName("td"); + var prevcells = prevrow.getElementsByTagName("td"); + + for (i = 0; i <= prevcells.length - 1; i++) { + if (prevcells[i].id == prefix + 'd' + (id-1)) { + if (on) { + prevcells[i].style.borderBottom = "3px solid #990000"; + prevcells[i].style.paddingBottom = ((id != 0) ? 2 : 3) + "px"; + } else { + prevcells[i].style.borderBottom = "1px solid #999999"; + prevcells[i].style.borderBottomWidth = "1px"; + prevcells[i].style.paddingBottom = ((id != 0) ? 4 : 5) + "px"; + } + } + } + + for (i = 0; i <= cells.length - 1; i++) { + if (cells[i].id == prefix + 'd' + (id)) { + if (on) { + cells[i].style.borderTop = "2px solid #990000"; + cells[i].style.paddingTop = "2px"; + } else { + cells[i].style.borderTopWidth = 0; + cells[i].style.paddingTop = "4px"; + } + } + } +} |