quizzer/js/quiz-quiz.js

Quizzer is a webserver for collaborative writing lab support. Based on a _fail early, fail often? approach to written language, the tool is particularly suited to second-language learners. The workflow (essay - error - quiz - exam) treats mistakes as an o

var nextnodecounter = 0;
var setvalue; 
var getvalue;  
var ansarry = new Array();
var i;

var classID = getParameterByName('classid');
var studentID = getParameterByName('studentid');
var studentKey = getParameterByName('studentkey');
var quizNumber = getParameterByName('quizno');
var questionIDs = getParameterByName('questionids');

var quizResult = {};

var quizData;

function showQuiz() {
    // Get quiz data
    var quizNumberString = quizNumber ? '&quizno=' + quizNumber : '';
    var questionIDsString = questionIDs ? '&questionids=' + questionIDs : '';
    quizData = apiRequest(
        '/?cmd=quizdata&classid=' 
            + classID
            + '&studentid=' 
            + studentID 
            + '&studentkey=' 
            + studentKey 
            + quizNumberString
            + questionIDsString);
    if (false === quizData) return;
    
    var numberOfQuestionsNode = document.getElementById('number-of-questions');
    numberOfQuestionsNode.innerHTML = quizData.questions.length;

};

function runQuiz() {

    var quizSplash = document.getElementById('quiz-splash');
    var quizBody = document.getElementById('quiz-body');
    
    quizSplash.style.display = 'none';
    quizBody.style.display = 'block';
    
    for (var i=0,ilen=quizData.questions.length;i<ilen;i+=1) {
        remap = randomize(quizData.questions[i].questions);
        quizData.questions[i].remap = remap;
    }
    var remap = randomize(quizData.questions);
    quizData.remap = remap;
    displaychild(quizData);
}

function displaychild() {  
    document.getElementById("nextButton").disabled = true;  
	if (document.getElementById("nextButton").innerHTML == "Show&nbsp;Result") {  
        document.getElementById("nextButton").onclick = ShowResult;
        document.getElementById("nextButton").disabled = false;
    }
    if (quizData.questions.length == nextnodecounter) {
        return;
    }
    var question = quizData.questions[nextnodecounter];
    document.getElementById("question").innerHTML = markdown(question.rubric);
    
    // display question text  
	var options = document.getElementById("options")
    options.innerHTML = "";
    for (var i=0,ilen=question.questions.length;i<ilen;i+=1) {

        var radioBtn = document.createElement('li');
        var choiceDiv = document.createElement('div');
        choiceDiv.setAttribute('class', 'choice');
        var input = document.createElement('input');
        input.setAttribute('name', 'r1');
        input.setAttribute('type', 'radio');
        input.setAttribute('value', i);
        input.setAttribute('onclick', 'enablebtn(' + i + ')');
        input.setAttribute('id', ('rbtnCount' + i));
        var label = document.createElement('div');
        label.setAttribute('class', 'label');
        label.innerHTML = markdown(question.questions[i]);
        choiceDiv.appendChild(input);
        choiceDiv.appendChild(label);
        radioBtn.appendChild(choiceDiv);
        options.appendChild(radioBtn);
        checkradiobtn();
    }
    MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
}  

function FunNextNode() {
	var questions = quizData.questions;
    var realQuizNo = questions[nextnodecounter].quizNumber;
    var realqno = questions[nextnodecounter].number;
    quizResult[realQuizNo + ':' + realqno] = questions[nextnodecounter].remap[getvalue];
	nextnodecounter = nextnodecounter + 1;
    if (questions.length == (nextnodecounter)) {
        document.getElementById("nextButton").innerHTML = "Show&nbsp;Result";
    }
    displaychild(quizData);  
}  

function checkradiobtn () {  
	var radios =
        document.getElementsByTagName('input');  
    var value;
    for (var i = 0; i < radios.length; i++) {
	    if (radios[i].type == 'radio' && radios[i].checked) {
		    document.getElementById("nextButton").disabled = true;  
        }
    }
}

function enablebtn(setvalue) {  
	document.getElementById("nextButton").disabled = false;  
    getvalue = setvalue;  
}  

function ShowResult() {

    // quizResult contains quizno for display and transaction
    // purposes, but matchExec on server side relies on
    // quiz numbers recorded in individual responses
    // instead.

    if (!quizNumber) {
        quizNumber = document.getElementById("quizno").textContent;
    }

    var resultPageUrl = apiRequest(
        '/?cmd=writequizresult&classid=' 
            + classID 
            + '&studentid=' 
            + studentID 
            + '&studentkey=' 
            + studentKey 
            + '&quizno=' 
            + quizNumber
        , {
            quizres:quizResult
        }
        , true);
    if (false === resultPageUrl) return;
    window.location.href = resultPageUrl;
}

function randomize(array) {
    var new_order = [];
    var currentIndex = array.length;
    var temporaryValue;
    var randomIndex;
    var temporaryPos;

    for (var i=0,ilen=array.length;i<ilen;i+=1) {
        new_order.push(i);
    }

    // While there remain elements to shuffle...
    while (0 !== currentIndex) {
        // Pick a remaining element...
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex -= 1;
        // Swap it with the current element.
        temporaryValue = array[currentIndex];
        array[currentIndex] = array[randomIndex];
        array[randomIndex] = temporaryValue;
        // Same treatment for the sequence map
        temporaryPos = new_order[currentIndex];
        new_order[currentIndex] = new_order[randomIndex];
        new_order[randomIndex] = temporaryPos;
    }
    var remap = {};
    for (var i=0,ilen=array.length;i<ilen;i+=1) {
        remap[i] = new_order[i];
    }
    return remap;
}