From 216031440bfe304ad51013950f49e88258ed9fde Mon Sep 17 00:00:00 2001 From: Hardik Ghaghada Date: Mon, 29 Apr 2013 11:05:39 +0530 Subject: Added a separate textarea for non-editable code for snippet feature --- testapp/static/exam/js/question.js | 54 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 52 insertions(+), 2 deletions(-) (limited to 'testapp/static/exam/js/question.js') diff --git a/testapp/static/exam/js/question.js b/testapp/static/exam/js/question.js index ba3f6d2..72b92e1 100644 --- a/testapp/static/exam/js/question.js +++ b/testapp/static/exam/js/question.js @@ -78,11 +78,51 @@ function catchTab(item,e) } var lineObjOffsetTop = 2; + +function createTextAreaWithLines2(id) +{ + var el = document.createElement('DIV'); + var ta = document.getElementById(id); + var content = document.getElementById('snippet').value; + 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 = ''; + split_content = content.split('\n'); + for(var no=split_content.length+1;no<1000;no++) + { + if(string.length>0)string = string + '
'; + 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 createTextAreaWithLines(id) { var el = document.createElement('DIV'); var ta = document.getElementById(id); + var content = document.getElementById('snippet').value; ta.parentNode.insertBefore(el,ta); el.appendChild(ta); el.className='textAreaWithLines'; @@ -102,18 +142,28 @@ function createTextAreaWithLines(id) lineObj.style.textAlign = 'right'; lineObj.className='lineObj'; var string = ''; - for(var no=1;no<200;no++) + split_content = content.split('\n'); + for(var no=1;no<=split_content.length;no++) { if(string.length>0)string = string + '
'; string = string + no; } + /*for(var no=1;no<200;no++) + { + if(string.length>0)string = string + '
'; + string = string + no; + if (content.trim.length == 0) + { + alert(string); + } + }*/ //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; + lineObj.innerHTML = string; } function positionLineObj(obj,ta) -- cgit From e9f06f07d3b5dc9d9c9760af38ce00afc5c1db96 Mon Sep 17 00:00:00 2001 From: Hardik Ghaghada Date: Mon, 10 Jun 2013 13:16:27 +0530 Subject: Added the snippet feature & cleaned JS --- testapp/static/exam/js/question.js | 44 ++++++++++++++++---------------------- 1 file changed, 19 insertions(+), 25 deletions(-) (limited to 'testapp/static/exam/js/question.js') diff --git a/testapp/static/exam/js/question.js b/testapp/static/exam/js/question.js index 72b92e1..eaba0d4 100644 --- a/testapp/static/exam/js/question.js +++ b/testapp/static/exam/js/question.js @@ -58,7 +58,6 @@ function replaceSelection (input, replaceString) } } -// We are going to catch the TAB key so that we can use it, Hooray! function catchTab(item,e) { if(navigator.userAgent.match("Gecko")) @@ -79,7 +78,7 @@ function catchTab(item,e) var lineObjOffsetTop = 2; -function createTextAreaWithLines2(id) +function addLineNumbers(id) { var el = document.createElement('DIV'); var ta = document.getElementById(id); @@ -104,13 +103,23 @@ function createTextAreaWithLines2(id) lineObj.className='lineObj'; var string = ''; split_content = content.split('\n'); - for(var no=split_content.length+1;no<1000;no++) + if(id == "answer") { - if(string.length>0)string = string + '
'; - string = string + no; - } - //ta.onkeydown = function() { positionLineObj(lineObj,ta); }; - ta.onmousedown = function() { positionLineObj(lineObj,ta); }; + for(var no=split_content.length+1;no<1000;no++) + { + if(string.length>0)string = string + '
'; + string = string + no; + } + } + else + { + for(var no=1;no<=split_content.length;no++) + { + if(string.length>0)string = string + '
'; + string = string + no; + } + } + ta.onmousedown = function() { positionLineObj(lineObj,ta); }; ta.onscroll = function() { positionLineObj(lineObj,ta); }; ta.onblur = function() { positionLineObj(lineObj,ta); }; ta.onfocus = function() { positionLineObj(lineObj,ta); }; @@ -118,7 +127,7 @@ function createTextAreaWithLines2(id) lineObj.innerHTML = string; } -function createTextAreaWithLines(id) +/*function snippetTextArea(id) { var el = document.createElement('DIV'); var ta = document.getElementById(id); @@ -148,23 +157,8 @@ function createTextAreaWithLines(id) if(string.length>0)string = string + '
'; string = string + no; } - /*for(var no=1;no<200;no++) - { - if(string.length>0)string = string + '
'; - string = string + no; - if (content.trim.length == 0) - { - alert(string); - } - }*/ - //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) { -- cgit From 6ab170ff9a530c2d59d4ce4a826c0fcaf9ec246f Mon Sep 17 00:00:00 2001 From: Hardik Ghaghada Date: Tue, 11 Jun 2013 17:40:29 +0530 Subject: Implemented tabs for indentation for snippets --- testapp/static/exam/js/question.js | 33 --------------------------------- 1 file changed, 33 deletions(-) (limited to 'testapp/static/exam/js/question.js') diff --git a/testapp/static/exam/js/question.js b/testapp/static/exam/js/question.js index eaba0d4..dc37ea4 100644 --- a/testapp/static/exam/js/question.js +++ b/testapp/static/exam/js/question.js @@ -127,39 +127,6 @@ function addLineNumbers(id) lineObj.innerHTML = string; } -/*function snippetTextArea(id) -{ - var el = document.createElement('DIV'); - var ta = document.getElementById(id); - var content = document.getElementById('snippet').value; - 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 = ''; - split_content = content.split('\n'); - for(var no=1;no<=split_content.length;no++) - { - if(string.length>0)string = string + '
'; - string = string + no; - } - lineObj.innerHTML = string; -}*/ - function positionLineObj(obj,ta) { obj.style.top = (ta.scrollTop * -1 + lineObjOffsetTop) + 'px'; -- cgit From b045c38d01685a9bb2183cd7a1a3b59cc410a0b4 Mon Sep 17 00:00:00 2001 From: Hardik Ghaghada Date: Mon, 1 Jul 2013 16:53:38 +0530 Subject: corrected indentation in all js files --- testapp/static/exam/js/question.js | 68 +++++++++++++++++++------------------- 1 file changed, 34 insertions(+), 34 deletions(-) (limited to 'testapp/static/exam/js/question.js') diff --git a/testapp/static/exam/js/question.js b/testapp/static/exam/js/question.js index dc37ea4..cb6807e 100644 --- a/testapp/static/exam/js/question.js +++ b/testapp/static/exam/js/question.js @@ -13,16 +13,16 @@ function setSelectionRange(input, selectionStart, selectionEnd) { if (input.setSelectionRange) { - input.focus(); - input.setSelectionRange(selectionStart, selectionEnd); + 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(); + var range = input.createTextRange(); + range.collapse(true); + range.moveEnd('character', selectionEnd); + range.moveStart('character', selectionStart); + range.select(); } } @@ -30,31 +30,31 @@ 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); - } + 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(); - } - } + 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(); + } + } } } @@ -62,17 +62,17 @@ function catchTab(item,e) { if(navigator.userAgent.match("Gecko")) { - c=e.which; + c=e.which; } else { - c=e.keyCode; + c=e.keyCode; } if(c==9) { - replaceSelection(item,String.fromCharCode(9)); - setTimeout("document.getElementById('"+item.id+"').focus();",0); - return false; + replaceSelection(item,String.fromCharCode(9)); + setTimeout("document.getElementById('"+item.id+"').focus();",0); + return false; } } -- cgit