Adding reference to document and id via config

views/crfPortal.html

@@ -56,9 +56,12 @@ div.d1 {text-align:center; width=400px; background-color:#e0e0e0;
 // entering data associated with the current user.
 function init() {
 
-	generateHead("debugAreaHead","debugAreaDiv","Debug info");
-	generateHead("generalDataHead","generalDataDiv","General data");
-	generateHead("pickFormHead","pickFormDiv","Select CRF");
+    var config=new Object();
+    config.document=document;
+    config.debugId='formStatus';
+	generateHead(config,"debugAreaHead","debugAreaDiv","Debug info");
+	generateHead(config,"generalDataHead","generalDataDiv","General data");
+	generateHead(config,"pickFormHead","pickFormDiv","Select CRF");
 	
 	//parameters should include
 	//divName - place to render select entry table
@@ -176,6 +179,6 @@ function init() {
 
 	par.filters=["User","Site","FormStatus"];
 	//par.filters=["User","Site"];
-    generateForm(par)
+    generateForm(par);
 	
 </script>

web/tecant/crfPortal.js

@@ -47,8 +47,8 @@ function sourceVar(crfEntryName,elementId,sourceName){
 	return f;
 }
 
-function generateHead(headDivName,divName,title){
-	document.getElementById("formStatus").value+="\ngenerateHead";
+function generateHead(config, headDivName,divName,title){
+	print(config,"generateHead");
 	let tb=document.createElement('table');
 	tb.className='t2';
 	let row=tb.insertRow();
@@ -68,7 +68,7 @@ function generateHead(headDivName,divName,title){
 	input.onclick=function(){toggleVisibility(divName,input.id)};
 	cell.appendChild(input);
 	document.getElementById(headDivName).appendChild(tb);
-	document.getElementById("formStatus").value+="\ngenerateHead: Done";
+	print(config,"generateHead: Done");
 }
 
 function toggleVisibility(divName,buttonName){
@@ -104,8 +104,8 @@ function populateSourceTable(par){
 	LABKEY.Query.selectRows(config);
 }
 
-function print(msg){
-	document.getElementById('formStatus').value +="\n"+msg;
+function print(config,msg){
+	config.document.getElementById(config.debugId).value +="\n"+msg;
 }