comparison core.js @ 1028:aca24f269c56

Feature #1234: Added back button to pre/post surveys

 function interfacePopup() {
 	// Creates an object to manage the popup
 	this.popup = null;
 	this.popupContent = null;
 	this.buttonProceed = null;
+	this.buttonPrevious = null;
 	this.popupOptions = null;
 	this.currentIndex = null;
 	this.responses = null;
 	
 	this.createPopup = function(){

 		this.popupContent.align = 'center';
 		this.popup.appendChild(this.popupContent);
 		
 		this.buttonProceed = document.createElement('button');
 		this.buttonProceed.className = 'popupButton';
+		this.buttonProceed.style.left = '440px';
+		this.buttonProceed.style.top = '215px';
 		this.buttonProceed.innerHTML = 'Next';
 		this.buttonProceed.onclick = function(){popup.proceedClicked();};
+		
+		this.buttonPrevious = document.createElement('button');
+		this.buttonPrevious.className = 'popupButton';
+		this.buttonPrevious.style.left = '10px';
+		this.buttonPrevious.style.top = '215px';
+		this.buttonPrevious.innerHTML = 'Back';
+		this.buttonPrevious.onclick = function(){popup.previousClick();};
+		
 		this.popup.style.zIndex = -1;
 		this.popup.style.visibility = 'hidden';
 		blank.style.zIndex = -2;
 		blank.style.visibility = 'hidden';
 		insertPoint.appendChild(this.popup);

 			if (node.max != null) {input.max = node.max;}
 			if (node.step != null) {input.step = node.step;}
 			this.popupContent.appendChild(input);
 		}
 		this.popupContent.appendChild(this.buttonProceed);
+		if(this.currentIndex+1 == this.popupOptions.length) {
+			this.buttonProceed.textContent = 'Submit';
+		} else {
+			this.buttonProceed.textContent = 'Next';
+		}
+		if(this.currentIndex > 0)
+			this.popupContent.appendChild(this.buttonPrevious);
 	};
 	
 	this.initState = function(node) {
 		//Call this with your preTest and postTest nodes when needed to
 		// initialise the popup procedure.

 			hold.textContent = input.value;
 			this.responses.appendChild(hold);
 		}
 		this.currentIndex++;
 		if (this.currentIndex < this.popupOptions.length) {
-			if(this.currentIndex+1 == this.popupOptions.length) {
-				this.buttonProceed.textContent = 'Submit';
-			}
 			this.postNode();
 		} else {
 			// Reached the end of the popupOptions
 			this.hidePopup();
 			if (this.responses.nodeName == testState.stateResults[testState.stateIndex].nodeName) {
 				testState.stateResults[testState.stateIndex] = this.responses;
 			} else {
 				testState.stateResults[testState.stateIndex].appendChild(this.responses);
 			}
 			advanceState();
+		}
+	};
+	
+	this.previousClick = function() {
+		// Triggered when the 'Back' button is clicked in the survey
+		if (this.currentIndex > 0) {
+			this.currentIndex--;
+			var node = this.popupOptions[this.currentIndex];
+			if (node.type != 'statement') {
+				var prevResp = this.responses.childNodes[this.responses.childElementCount-1];
+				this.responses.removeChild(prevResp);
+			}
+			this.postNode();
+			if (node.type == 'question') {
+				this.popupContent.getElementsByTagName('textarea')[0].value = prevResp.textContent;
+			} else if (node.type == 'checkbox') {
+				var options = this.popupContent.getElementsByTagName('input');
+				var savedOptions = prevResp.getElementsByTagName('option');
+				for (var i=0; i<options.length; i++) {
+					var id = options[i].id;
+					for (var j=0; j<savedOptions.length; j++) {
+						if (savedOptions[j].getAttribute('name') == id) {
+							if (savedOptions[j].textContent == 'true') {options[i].checked = true;}
+							else {options[i].checked = false;}
+							break;
+						}
+					}
+				}
+			} else if (node.type == 'number') {
+				this.popupContent.getElementsByTagName('input')[0].value = prevResp.textContent;
+			} else if (node.type == 'radio') {
+				var options = this.popupContent.getElementsByTagName('input');
+				var name = prevResp.getAttribute('name');
+				for (var i=0; i<options.length; i++) {
+					if (options[i].id == name) {
+						options[i].checked = true;
+						break;
+					}
+				}
+			}
 		}
 	};
 }
 
 function advanceState()