Quiz Snippits from History.com

http://quiz.history.com/generalinterest

by sbhomra

HTML

<div id="time_bonus_seconds"></div>
<br />
<br />
<div id="serialize"></div>
<br />
<br />
<div id="serializearray"></div>
<form id="answer-form">
      <input type="hidden" value="0" name="question_index" id="question_index">
      <div id="question_section" class="question_section">
        <div id="answer_container" style="" class="answer_container">
            <div class="answer_text">
              <label class="f_radio unselected">
                <input type="radio" value="10657" name="answer_id" id="answer_10657" class="answer-radio">
                <span>Jamaica</span>
              </label>
            </div>
          
            <div class="answer_text">
              <label class="f_radio unselected">
                <input type="radio" value="10659" name="answer_id" id="answer_10659" class="answer-radio">
                <span>Sumatra</span>
              </label>
            </div>
          
            <div class="answer_text">
              <label class="f_radio unselected">
                <input type="radio" value="10660" name="answer_id" id="answer_10660" class="answer-radio">
                <span>Bermuda</span>
              </label>
            </div>
          
            <div class="answer_text">
              <label class="f_radio unselected">
                <input type="radio" value="10658" name="answer_id" id="answer_10658" class="answer-radio">
                <span>Greenland</span>
              </label>
            </div>          
        </div>
      </div>      
    </form>

JavaScript

$(document).ready(function() {
    $("input[type=radio]").change(function() {       
        var serializeArray = $("#answer-form").serializeArray();
        $("#serialize").html($("#answer-form").serialize());
        var test = "";
        
         $.ajax({
        data: jQuery.param($("#answer-form").serializeArray()),
        dataType: 'script',
        error: function (request) {
            failureRequest('http://quiz.history.com/generalinterest/answer', $('#answer-form').serialize());
            debugFailure(request, null);
        },
        type: 'post',
        url: 'http://quiz.history.com/generalinterest/answer'
    });
    });
});

function submitAnswer(element) {
    var el = jQuery(element);
    el.attr("disabled", true);
    var radio = el.find(".answer-radio")[0];
    //setClientTime();
    $("#answer-form").submit(function() {
        alert("hello");
        $(this).attr("style", "background-color:#CCCCCC");
    });
}


function displayTimer() {
    if (clockPaused == true) {
        return true;
    }
    if ($("#perc_dummy").is(":visible")) {
        $("#time_bonus_progress_bar").show();
        $("#perc_dummy").hide();
    }
    timeRemaining = (timerEndDate - (new Date).getTime()) / 1000;
    if (timeRemaining < 0) {
        timeRemaining = 0;
    }
    dotsRemaining = timeRemaining / secondsPerDot;
    grayTimerDots(Math.ceil(dotsRemaining));
    $("#time_bonus_seconds").html(timeRemaining.toFixed(2));
    percentRemaining = timeRemaining / maxTime * 100;
    if (percentRemaining < 15) {
        $("#time_bonus_seconds").css("color", "red");
    } else if (percentRemaining < 51) {
        $("#time_bonus_seconds").css("color", "orange");
    }
    if (timeRemaining > 0 && !clockPaused) {
        setTimeout("displayTimer()", 100);
    } else if (!clockPaused) {
        timeIsUp();
    }
}

function beginQuestion() {
    showElement("question_text");
    showElement("answer_container");
    setTimeout("startTimer()", 10);
}

function...