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