diff core.js @ 510:ea97b12c1f1e Dev_main

Bug #1564: index.html is blank, the links are included in demo.html. Popup now created in index.html rather than generated.
author Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk>
date Thu, 11 Feb 2016 16:54:33 +0000
parents e3ff10a1ebc5
children 01319bf379ea
line wrap: on
line diff
--- a/core.js	Thu Feb 11 14:37:26 2016 +0000
+++ b/core.js	Thu Feb 11 16:54:33 2016 +0000
@@ -440,66 +440,27 @@
 	this.createPopup = function(){
 		// Create popup window interface
 		var insertPoint = document.getElementById("topLevelBody");
-		var blank = document.createElement('div');
-		blank.className = 'testHalt';
 		
-		this.popup = document.createElement('div');
-		this.popup.id = 'popupHolder';
-		this.popup.className = 'popupHolder';
-		this.popup.style.position = 'absolute';
+		this.popup = document.getElementById('popupHolder');
 		this.popup.style.left = (window.innerWidth/2)-250 + 'px';
 		this.popup.style.top = (window.innerHeight/2)-125 + 'px';
 		
-		this.popupContent = document.createElement('div');
-		this.popupContent.id = 'popupContent';
-		this.popupContent.style.marginTop = '20px';
-		this.popupContent.style.marginBottom = '5px';
-		this.popup.appendChild(this.popupContent);
+		this.popupContent = document.getElementById('popupContent');
 		
-		var titleHolder = document.createElement('div');
-		titleHolder.id = 'popupTitleHolder';
-		titleHolder.align = 'center';
-		titleHolder.style.width = 'inherit';
-		titleHolder.style.minHeight = '25px';
-		titleHolder.style.maxHeight = '250px';
-		titleHolder.style.overflow = 'auto';
-		titleHolder.style.marginBottom = '5px';
+		this.popupTitle = document.getElementById('popupTitle');
 		
-		this.popupTitle = document.createElement('span');
-		this.popupTitle.id = 'popupTitle';
-		titleHolder.appendChild(this.popupTitle);
-		this.popupContent.appendChild(titleHolder);
+		this.popupResponse = document.getElementById('popupResponse');
 		
-		this.popupResponse = document.createElement('div');
-		this.popupResponse.id = 'popupResponse';
-		this.popupResponse.align = 'center';
-		this.popupResponse.style.width = 'inherit';
-		this.popupResponse.style.minHeight = '50px';
-		this.popupResponse.style.maxHeight = '320px';
-		this.popupResponse.style.overflow = 'auto';
-		this.popupContent.appendChild(this.popupResponse);
-		
-		this.buttonProceed = document.createElement('button');
-        this.buttonProceed.id = "popup-proceed";
-		this.buttonProceed.className = 'popupButton';
-		this.buttonProceed.innerHTML = 'Next';
+		this.buttonProceed = document.getElementById('popup-proceed');
 		this.buttonProceed.onclick = function(){popup.proceedClicked();};
 		
-		this.buttonPrevious = document.createElement('button');
-        this.buttonPrevious.id = "popup-previous";
-		this.buttonPrevious.className = 'popupButton';
-		this.buttonPrevious.innerHTML = 'Back';
+		this.buttonPrevious = document.getElementById('popup-previous');
 		this.buttonPrevious.onclick = function(){popup.previousClick();};
 		
-		this.popup.appendChild(this.buttonPrevious);
-		this.popup.appendChild(this.buttonProceed);
-		
+        this.hidePopup();
+        
 		this.popup.style.zIndex = -1;
 		this.popup.style.visibility = 'hidden';
-		blank.style.zIndex = -2;
-		blank.style.visibility = 'hidden';
-		insertPoint.appendChild(this.popup);
-		insertPoint.appendChild(blank);
 	};
 	
 	this.showPopup = function(){