Change functions from row_toggle.js to work with different field names, keeping the old behaviour as default. This is necessary to have more than one group of fields in the same page

1 files changed, 25 insertions, 14 deletions

diff --git a/usr/local/www/javascript/row_toggle.js b/usr/local/www/javascript/row_toggle.js
index 6a1f5f8..350743e 100644
--- a/usr/local/www/javascript/row_toggle.js
+++ b/usr/local/www/javascript/row_toggle.js
@@ -1,35 +1,46 @@
-function fr_toggle(id) {
-	var checkbox = document.getElementById('frc' + id);
+function fr_toggle(id, prefix) {
+	if (!prefix)
+		prefix = 'fr';
+
+	var checkbox = document.getElementById(prefix + 'c' + id);
 	checkbox.checked = !checkbox.checked;
-	fr_bgcolor(id);
+	fr_bgcolor(id, prefix);
 }
-function fr_bgcolor(id) {
-	var row = document.getElementById('fr' + id);
-	var checkbox = document.getElementById('frc' + id);
+
+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 == "frd" + id)
+		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) {
-	var row = document.getElementById('fr' + id);
-  var prevrow;
+
+function fr_insline(id, on, prefix) {
+	if (!prefix)
+		prefix = 'fr';
+
+	var row = document.getElementById(prefix + id);
+	var prevrow;
 	if (id != 0) {
-		prevrow = document.getElementById('fr' + (id-1));
+		prevrow = document.getElementById(prefix + (id-1));
 	} else {
-		prevrow = document.getElementById('frheader');
+		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 == 'frd' + (id-1)) {
+		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";
@@ -42,7 +53,7 @@ function fr_insline(id, on) {
 	}
 
 	for (i = 0; i <= cells.length - 1; i++) {
-		if (cells[i].id == 'frd' + (id)) {
+		if (cells[i].id == prefix + 'd' + (id)) {
 			if (on) {
 				cells[i].style.borderTop = "2px solid #990000";
 				cells[i].style.paddingTop = "2px";