paper.js

本在线考试系统采用了面向对象的分析和设计

Sys.Application.add_load(page_load);
Sys.Application.add_unload(page_unload);

function page_load()
{
	SubmitButton=$get("SubmitButton");
	SavePaperButton=$get("SavePaperButton");
	
	$addHandler(SubmitButton,"click",submitPaperButton_click)
	$addHandler(SavePaperButton,"click",savePaperButton_click);
	window.interval=window.setInterval(showTime, 1000);
	window.isTimeout=false;
	window.isAlert=false;
}
function page_unload()
{
	SubmitButton=$get("SubmitButton");
	SavePaperButton=$get("SavePaperButton");
	
	$removeHandler(SubmitButton,"click",submitPaperButton_click);
	$removeHandler(SavePaperButton,"click",savePaperButton_click);
	
	window.clearInterval(window.interval);

}
function submitPaperButton_click(evt)
{
    if(window.isTimeout==false)
   { 
       if(confirm("真的要交卷?")==false)
       {
            evt.preventDefault();
	        evt.stopPropagation();
       }
   } 

}
function savePaperButton_click(sender,e)
{
    var wRequest = new Sys.Net.WebRequest();
    
    // Set the request URL.      
    wRequest.set_url("SaveAnswer.ashx");
   
    // Set the request verb.
    wRequest.set_httpVerb("POST");
   
    // Set the request handler.
    wRequest.add_completed(onSaveAnswerCompleted);
 
    // Set the body for he POST.
    var requestBody = getRequestBody($get("form1")) ;
    wRequest.set_body(requestBody);
    wRequest.get_headers()["Content-Length"] = 
        requestBody.length;
   
    // Execute the request.
    wRequest.invoke();       
    $get("SaveProgress").innerHTML="<img src='../Images/indicator.gif' />正在保存..!"  ;  
}
function onSaveAnswerCompleted(executor, eventArgs) 
{
    if(executor.get_responseAvailable()) 
    {
         $get("SaveProgress").innerHTML=executor.get_responseData();
    }
}
function getRequestBody(oForm)
{
		var aParams=new Array();
		for(var i=0;i<oForm.elements.length;i++)
		{
		    var element=oForm.elements[i];
		    
		    if(element.type=="radio" || element.type=="checkbox")
		    {
		        if(element.checked==false)
		            continue;
		    }
			var sParam=encodeURIComponent(element.name);
			sParam+="=";
			sParam+=encodeURIComponent(element.value);
			aParams.push(sParam);
		}
		return aParams.join("&");
}
function showTime()
{
     var timeString=$get("EndTime").value;
     var times=timeString.split(/[-:\s]/);
	 var endTime=new Date(times[0],times[1]-1,times[2],times[3],times[4],times[5]);
	 var now =new Date()
	 var difference=endTime.getTime()-now.getTime();
	 var min=Math.floor(difference / (1000*60));
	 var sec=Math.floor((difference-min*60*1000)/1000);
     $get("Time").innerHTML="剩余时间："+min+"分"+sec+"秒";
     
    if(min<=4&&window.isAlert==false)
    {
        alert("考试时间还有5分钟，时间结束系统将自动交卷！");
        window.isAlert=true;
    } 
     if(min<=0 && sec<=0) 
	 {
        window.isTimeout=true;
		$get("SubmitButton").click();
	 }
}