summaryrefslogtreecommitdiff
path: root/testapp/static
diff options
context:
space:
mode:
Diffstat (limited to 'testapp/static')
-rw-r--r--testapp/static/exam/css/question.css17
-rw-r--r--testapp/static/exam/js/question.js107
2 files changed, 124 insertions, 0 deletions
diff --git a/testapp/static/exam/css/question.css b/testapp/static/exam/css/question.css
index a57b6dd..4bf5913 100644
--- a/testapp/static/exam/css/question.css
+++ b/testapp/static/exam/css/question.css
@@ -23,3 +23,20 @@
padding: 35px 20px 10px;
margin: -20px -20px 20px;
}
+#codeTextarea{
+
+ }
+ .textAreaWithLines{
+ font-family:courier;
+ border:1px solid #eee;
+
+ }
+ .textAreaWithLines textarea,.textAreaWithLines div{
+ border:0px;
+ line-height:120%;
+ font-size:12px;
+ }
+ .lineObj{
+ color: grey;
+ }
+
diff --git a/testapp/static/exam/js/question.js b/testapp/static/exam/js/question.js
index 554a948..7a05a09 100644
--- a/testapp/static/exam/js/question.js
+++ b/testapp/static/exam/js/question.js
@@ -35,3 +35,110 @@
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 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;
+ }
+
+}
+
+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';
+
+
+ }
+
+