Dumped all JS in question.js file

2 files changed, 139 insertions, 283 deletions

diff --git a/testapp/static/exam/js/question.js b/testapp/static/exam/js/question.js
index 7a05a09..3078c64 100644
--- a/testapp/static/exam/js/question.js
+++ b/testapp/static/exam/js/question.js
@@ -1,144 +1,149 @@
-      var time_left = {{ time_left }};
-      function submitCode()
-      {
-	    document.forms["code"].submit();
-	    var x = document.getElementById("status");
-	    x.innerHTML = "<strong>Checking answer ...</strong>";
-	    x = document.getElementById("check");
-	    x.disabled = true;
-	    x.value = "Checking Answer ...";
-	    document.getElementById("skip").disabled = true;
-      }
+function submitCode()
+{
+    document.forms["code"].submit();
+    var x = document.getElementById("status");
+    x.innerHTML = "<strong>Checking answer ...</strong>";
+    x = document.getElementById("check");
+    x.disabled = true;
+    x.value = "Checking Answer ...";
+    document.getElementById("skip").disabled = true;
+}
       
-      function secs_to_time(secs)
-      {
-	    var h = Math.floor(secs/3600);
-	    var h_s = (h > 0) ? h+'h:' : '';
-    	    var m = Math.floor((secs%3600)/60);
-	    var m_s = (m > 0) ? m+'m:' : '';
-	    var s_s = Math.floor(secs%60) + 's';
-	    return h_s + m_s + s_s;
-      }
-
-      function update_time()
-      {
-	    time_left -= 1;
-	    if (time_left) 
-            {
-	            var elem = document.getElementById("time_left");
-		    var t_str = secs_to_time(time_left);
-		    elem.innerHTML = "<strong>" + t_str + "</strong>";
-	            setTimeout("update_time()", 1000);
-            }
-	    else 
-            {
-		    document.forms["code"].submit();
-    	    }	
-      }
-
-function setSelectionRange(input, selectionStart, selectionEnd) {
-  if (input.setSelectionRange) {
-    input.focus();
-    input.setSelectionRange(selectionStart, selectionEnd);
-  }
-  else if (input.createTextRange) {
-    var range = input.createTextRange();
-    range.collapse(true);
-    range.moveEnd('character', selectionEnd);
-    range.moveStart('character', selectionStart);
-    range.select();
-  }
+function secs_to_time(secs)
+{
+    var h = Math.floor(secs/3600);
+    var h_s = (h > 0) ? h+'h:' : '';
+    var m = Math.floor((secs%3600)/60);
+    var m_s = (m > 0) ? m+'m:' : '';
+    var s_s = Math.floor(secs%60) + 's';
+    return h_s + m_s + s_s;
 }
 
-function replaceSelection (input, replaceString) {
-	if (input.setSelectionRange) {
-		var selectionStart = input.selectionStart;
-		var selectionEnd = input.selectionEnd;
-		input.value = input.value.substring(0, selectionStart)+ replaceString + input.value.substring(selectionEnd);
-    
-		if (selectionStart != selectionEnd){ 
-			setSelectionRange(input, selectionStart, selectionStart + 	replaceString.length);
-		}else{
-			setSelectionRange(input, selectionStart + replaceString.length, selectionStart + replaceString.length);
-		}
-
-	}else if (document.selection) {
-		var range = document.selection.createRange();
+function update_time()
+{
+    var time_left = document.getElementById("time").value;
+    time_left -= 1;
+    if (time_left) 
+    {
+	var elem = document.getElementById("time_left");
+	var t_str = secs_to_time(time_left);
+	elem.innerHTML = "<strong>" + t_str + "</strong>";
+	setTimeout("update_time()", 1000);
+    }
+    else 
+    {
+	document.forms["code"].submit();
+    }	
+}
 
-		if (range.parentElement() == input) {
-			var isCollapsed = range.text == '';
-			range.text = replaceString;
+function setSelectionRange(input, selectionStart, selectionEnd) 
+{
+    if (input.setSelectionRange) 
+    {
+	input.focus();
+	input.setSelectionRange(selectionStart, selectionEnd);
+    }
+    else if (input.createTextRange) 
+    {
+	var range = input.createTextRange();
+	range.collapse(true);
+	range.moveEnd('character', selectionEnd);
+	range.moveStart('character', selectionStart);
+	range.select();
+    }
+}
 
-			 if (!isCollapsed)  {
-				range.moveStart('character', -replaceString.length);
-				range.select();
-			}
-		}
+function replaceSelection (input, replaceString) 
+{
+    if (input.setSelectionRange) 
+    {
+	var selectionStart = input.selectionStart;
+	var selectionEnd = input.selectionEnd;
+	input.value = input.value.substring(0, selectionStart)+ replaceString + input.value.substring(selectionEnd);
+	if (selectionStart != selectionEnd)
+	{ 
+	    setSelectionRange(input, selectionStart, selectionStart + 	replaceString.length);
+	}
+	else
+	{
+	    setSelectionRange(input, selectionStart + replaceString.length, selectionStart + replaceString.length);
+	}
+    }
+    else if (document.selection) 
+    {
+	var range = document.selection.createRange();
+	if (range.parentElement() == input) 
+	{
+	    var isCollapsed = range.text == '';
+	    range.text = replaceString;
+	    if (!isCollapsed)  
+	    {
+		range.moveStart('character', -replaceString.length);
+		range.select();
+	    }
 	}
+    }
 }
 
-
 // We are going to catch the TAB key so that we can use it, Hooray!
-function catchTab(item,e){
-	if(navigator.userAgent.match("Gecko")){
-		c=e.which;
-	}else{
-		c=e.keyCode;
-	}
-	if(c==9){
-		replaceSelection(item,String.fromCharCode(9));
-		setTimeout("document.getElementById('"+item.id+"').focus();",0);	
-		return false;
-	}
-		    
+function catchTab(item,e)
+{
+    if(navigator.userAgent.match("Gecko"))
+    {
+	c=e.which;
+    }
+    else
+    {
+	c=e.keyCode;
+    }
+    if(c==9)
+    {
+	replaceSelection(item,String.fromCharCode(9));
+	setTimeout("document.getElementById('"+item.id+"').focus();",0);	
+	return false;
+    }
 }
 
 var lineObjOffsetTop = 2;
        
-       function createTextAreaWithLines(id)
-       {
-          var el = document.createElement('DIV');
-          var ta = document.getElementById(id);
-          ta.parentNode.insertBefore(el,ta);
-          el.appendChild(ta);
-         
-          el.className='textAreaWithLines';
-          el.style.width = (ta.offsetWidth + 30) + 'px';
-          ta.style.position = 'absolute';
-          ta.style.left = '30px';
-          el.style.height = (ta.offsetHeight + 2) + 'px';
-          el.style.overflow='hidden';
-          el.style.position = 'relative';
-          el.style.width = (ta.offsetWidth + 30) + 'px';
-          var lineObj = document.createElement('DIV');
-          lineObj.style.position = 'absolute';
-          lineObj.style.top = lineObjOffsetTop + 'px';
-          lineObj.style.left = '0px';
-          lineObj.style.width = '27px';
-          el.insertBefore(lineObj,ta);
-          lineObj.style.textAlign = 'right';
-          lineObj.className='lineObj';
-          var string = '';
-          for(var no=1;no<200;no++){
-             if(string.length>0)string = string + '<br>';
-             string = string + no;
-          }
-         
-          //ta.onkeydown = function() { positionLineObj(lineObj,ta); };
-          ta.onmousedown = function() { positionLineObj(lineObj,ta); };
-          ta.onscroll = function() { positionLineObj(lineObj,ta); };
-          ta.onblur = function() { positionLineObj(lineObj,ta); };
-          ta.onfocus = function() { positionLineObj(lineObj,ta); };
-          ta.onmouseover = function() { positionLineObj(lineObj,ta); };
-          lineObj.innerHTML = string;
-         
-       }
-       
-       function positionLineObj(obj,ta)
-       {
-          obj.style.top = (ta.scrollTop * -1 + lineObjOffsetTop) + 'px';  
-       
-         
-       }
+function createTextAreaWithLines(id)
+{
+    var el = document.createElement('DIV');
+    var ta = document.getElementById(id);
+    ta.parentNode.insertBefore(el,ta);
+    el.appendChild(ta);
+    el.className='textAreaWithLines';
+    el.style.width = (ta.offsetWidth + 30) + 'px';
+    ta.style.position = 'absolute';
+    ta.style.left = '30px';
+    el.style.height = (ta.offsetHeight + 2) + 'px';
+    el.style.overflow='hidden';
+    el.style.position = 'relative';
+    el.style.width = (ta.offsetWidth + 30) + 'px';
+    var lineObj = document.createElement('DIV');
+    lineObj.style.position = 'absolute';
+    lineObj.style.top = lineObjOffsetTop + 'px';
+    lineObj.style.left = '0px';
+    lineObj.style.width = '27px';
+    el.insertBefore(lineObj,ta);
+    lineObj.style.textAlign = 'right';
+    lineObj.className='lineObj';
+    var string = '';
+    for(var no=1;no<200;no++)
+    {
+	if(string.length>0)string = string + '<br>';
+	string = string + no;
+    }
+    //ta.onkeydown = function() { positionLineObj(lineObj,ta); };
+    ta.onmousedown = function() { positionLineObj(lineObj,ta); };
+    ta.onscroll = function() { positionLineObj(lineObj,ta); };
+    ta.onblur = function() { positionLineObj(lineObj,ta); };
+    ta.onfocus = function() { positionLineObj(lineObj,ta); };
+    ta.onmouseover = function() { positionLineObj(lineObj,ta); };
+    lineObj.innerHTML = string;    
+}
        
-
+function positionLineObj(obj,ta)
+{
+    obj.style.top = (ta.scrollTop * -1 + lineObjOffsetTop) + 'px';  
+}
diff --git a/testapp/templates/exam/question.html b/testapp/templates/exam/question.html
index aaf7270..c74564c 100644
--- a/testapp/templates/exam/question.html
+++ b/testapp/templates/exam/question.html
@@ -10,162 +10,12 @@
 {% endblock %}
 
 {% block script %}
-
-<script type="text/javascript">
-function setSelectionRange(input, selectionStart, selectionEnd) {
-  if (input.setSelectionRange) {
-    input.focus();
-    input.setSelectionRange(selectionStart, selectionEnd);
-  }
-  else if (input.createTextRange) {
-    var range = input.createTextRange();
-    range.collapse(true);
-    range.moveEnd('character', selectionEnd);
-    range.moveStart('character', selectionStart);
-    range.select();
-  }
-}
-
-function replaceSelection (input, replaceString) {
-	if (input.setSelectionRange) {
-		var selectionStart = input.selectionStart;
-		var selectionEnd = input.selectionEnd;
-		input.value = input.value.substring(0, selectionStart)+ replaceString + input.value.substring(selectionEnd);
-    
-		if (selectionStart != selectionEnd){ 
-			setSelectionRange(input, selectionStart, selectionStart + 	replaceString.length);
-		}else{
-			setSelectionRange(input, selectionStart + replaceString.length, selectionStart + replaceString.length);
-		}
-
-	}else if (document.selection) {
-		var range = document.selection.createRange();
-
-		if (range.parentElement() == input) {
-			var isCollapsed = range.text == '';
-			range.text = replaceString;
-
-			 if (!isCollapsed)  {
-				range.moveStart('character', -replaceString.length);
-				range.select();
-			}
-		}
-	}
-}
-
-
-// We are going to catch the TAB key so that we can use it, Hooray!
-function catchTab(item,e){
-
-	if(navigator.userAgent.match("Gecko")){
-		c=e.which;
-	}else{
-		c=e.keyCode;
-	}
-	if(c==9){
-		replaceSelection(item,String.fromCharCode(9));
-		setTimeout("document.getElementById('"+item.id+"').focus();",0);	
-		return false;
-	}
-		    
-}
-</script>
-
-<script type="text/javascript">
-       
-       var lineObjOffsetTop = 2;
-       
-       function createTextAreaWithLines(id)
-       {
-          var el = document.createElement('DIV');
-          var ta = document.getElementById(id);
-          ta.parentNode.insertBefore(el,ta);
-          el.appendChild(ta);
-         
-          el.className='textAreaWithLines';
-          el.style.width = (ta.offsetWidth + 30) + 'px';
-          ta.style.position = 'absolute';
-          ta.style.left = '30px';
-          el.style.height = (ta.offsetHeight + 2) + 'px';
-          el.style.overflow='hidden';
-          el.style.position = 'relative';
-          el.style.width = (ta.offsetWidth + 30) + 'px';
-          var lineObj = document.createElement('DIV');
-          lineObj.style.position = 'absolute';
-          lineObj.style.top = lineObjOffsetTop + 'px';
-          lineObj.style.left = '0px';
-          lineObj.style.width = '27px';
-          el.insertBefore(lineObj,ta);
-          lineObj.style.textAlign = 'right';
-          lineObj.className='lineObj';
-          var string = '';
-          for(var no=1;no<200;no++){
-             if(string.length>0)string = string + '<br>';
-             string = string + no;
-          }
-         
-          //ta.onkeydown = function() { positionLineObj(lineObj,ta); };
-          ta.onmousedown = function() { positionLineObj(lineObj,ta); };
-          ta.onscroll = function() { positionLineObj(lineObj,ta); };
-          ta.onblur = function() { positionLineObj(lineObj,ta); };
-          ta.onfocus = function() { positionLineObj(lineObj,ta); };
-          ta.onmouseover = function() { positionLineObj(lineObj,ta); };
-          lineObj.innerHTML = string;
-         
-       }
-       
-       function positionLineObj(obj,ta)
-       {
-          obj.style.top = (ta.scrollTop * -1 + lineObjOffsetTop) + 'px';  
-       
-         
-       }
-       
-       </script>
-
-<script>
-      var time_left = {{ time_left }};
-      function submitCode()
-      {
-	    document.forms["code"].submit();
-	    var x = document.getElementById("status");
-	    x.innerHTML = "<strong>Checking answer ...</strong>";
-	    x = document.getElementById("check");
-	    x.disabled = true;
-	    x.value = "Checking Answer ...";
-	    document.getElementById("skip").disabled = true;
-      }
-      
-      function secs_to_time(secs)
-      {
-	    var h = Math.floor(secs/3600);
-	    var h_s = (h > 0) ? h+'h:' : '';
-    	    var m = Math.floor((secs%3600)/60);
-	    var m_s = (m > 0) ? m+'m:' : '';
-	    var s_s = Math.floor(secs%60) + 's';
-	    return h_s + m_s + s_s;
-      }
-
-      function update_time()
-      {
-	    time_left -= 1;
-	    if (time_left) 
-            {
-	            var elem = document.getElementById("time_left");
-		    var t_str = secs_to_time(time_left);
-		    elem.innerHTML = "<strong>" + t_str + "</strong>";
-	            setTimeout("update_time()", 1000);
-            }
-	    else 
-            {
-		    document.forms["code"].submit();
-    	    }	
-      }
-</script>
+<script src="{{ URL_ROOT }}/static/exam/js/question.js"></script>
 {% endblock script %}
 
 
-{% block onload %} onload="update_time()" {% endblock onload %}
+
+{% block onload %} onload="update_time()" {% endblock %}
 
 {% block pagetitle %}
 
@@ -178,6 +28,7 @@ function catchTab(item,e){
 {% endblock %}
 
 {% block content %}
+<input type=hidden id="time" value={{ time_left }}>
 <div class="topbar">
   <div class="fill">
      <div class="container">