Hi, i am new in javascript. i want to make save and exit button in online toefl test. if user click this button, user can save the question that already answered and get logout. so if user login, user can continue to do the test and see the question that answered before. help me please
i make the answer of question using radio button. please help
this is test.php
<?php
session_start();
require_once("connection.php");
if ($_SESSION['email']=='') {
header("location: index.php");
}else{
mysql_error();
}
include("lib_function.php");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>TOEFL Online</title>
<meta charset="utf-8">
<link rel="icon" href="">
<link rel="stylesheet" href="css/style.css">
<script language="JavaScript" src="js/cookies.js"></script>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
<script>
var times = 150;
var time;
var go = 0;
var end = 0;
function init(){
checkCookie()
start();
}
function keluar(){
if(end==0){
setCookie('waktux',time,1);
}else{
setCookie('waktux',0,-1);
}
}
function start(){
hour = Math.floor(time/3600);
sisa = time%3600;
minute = Math.floor(sisa/60);
sisa2 = sisa%60
second = sisa2%60;
if(minute < 1 && hour == 0){
var peringatan = 'style="color:red"';
}
if(second<10){
detikx = "0"+second;
}else{
detikx = second;
}
if(minute<10){
menitx = "0"+minute;
}else{
menitx = minute;
}
if(hour<10){
jamx = "0"+hour;
}else{
jamx = hour;
}
document.getElementById("divwaktu").innerHTML = '<h4 align="right"'+peringatan+' style="color:#991111;" >time: '+ menitx + ' : ' + detikx + '</h4>'
time --;
if(time>0){
t = setTimeout("start()",1000);
go = 1;
}else{
if(go==1){
clearTimeout(t);
}
end = 1;
document.getElementById("formulir").submit();
}
}
function selesai(){
document.getElementById("formulir").submit();
}
function getCookie(c_name){
if (document.cookie.length>0){
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1){
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
}
function setCookie(c_name,value,expiredays){
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}
function checkCookie(){
waktuy=getCookie('waktux');
if (waktuy!=null && waktuy!=""){
time = waktuy;
}else{
time = times;
setCookie('waktux',times,7);
}
}
</script>
</head>
<body onload="init()" onunload="keluar()">
<!--Start Header-->
<header class="page1">
<div class="container_12">
<div class="grid_12">
<h1><a href="#" onClick="goToByScroll('page1'); return false;"><img height="30px" width="1300px" src="images/logo2.png" alt=""></a></h1>
<div class="menu_block">
<nav class="">
<ul class="sf-menu">
<li class="timer"><div id="divwaktu"></div></li>
<li class="men1"><a href="index.php">Home</a><strong class="hover"></strong></li>
<li class="men1"><a onclick="javascript:saveandexitsplash();" onmouseover="roll(this)" onmouseout="roll(this)>Save and Exit</a><strong class="hover"></strong></li>
<li class="men1"><a href="index.php">End</a><strong class="hover"></strong></li>
<?php
$cek = cek_login();
if ($cek == 0){
echo "<li class=\"men4\"><a href=\"index.php\">Login</a> <strong class=\"hover\"></strong></li>";
}else{
echo "<li class=\"men4\"><a href=\"proseslogout.php\">Logout</a> <strong class=\"hover\"></strong></li>";
}
?>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!--End Header-->
<div id="page2" class="content">
<div class="container_12">
<div class="grid_14">
<div class="box">
<div style="color:#666666; font-size:30px; padding-bottom:20px; ">Structure and Written Expression
</div>
<div class="box3"> <br>
<form action="hasil_structure.php" method="POST" id="formulir">
<?php
include "connection.php";
$soal = mysql_query("SELECT * FROM structure order by rand() limit 40");
$no = 1;
while($s = mysql_fetch_array($soal)){
echo "$no. <b>".$s['pertanyaan']."</b><br>\n";
echo "<input type=radio name=soal[".$s['no']."] value='a'>A. ".$s['a']."<br>\n";
echo "<input type=radio name=soal[".$s['no']."] value='b'>B. ".$s['b']."<br>\n";
echo "<input type=radio name=soal[".$s['no']."] value='c'>C. ".$s['c']."<br>\n";
echo "<input type=radio name=soal[".$s['no']."] value='d'>D. ".$s['d']."<br><br><br>\n";
$no++;
}
$jumlahsoal = $no - 1;
echo "<input type='hidden' name='jumlahsoal' value= $jumlahsoal>";
?>
<input style="width:200px; margin-left:180px; height:30px; border:1px; font-family:'Trebuchet MS'; font-size:15px;" type="submit" value="DONE"/><br><br>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
this is cookies.js
$(function saveandexitsplash()
{
$('#formulir').sayt();
$('#formulir').sayt({'autosave': false, 'autorecover': false, 'days': 7});
if($('#formulir').sayt({'checksaveexists': true}) == true)
{
console.log('Form has an existing save cookie.');
}
$('#forms_save_button').click(function saveandexitsplash()
{
$('#formulir').sayt({'savenow': true});
console.log('Form data has been saved.');
return false;
});
$('#forms_recover_button').click(function()
{
$('#formulir').sayt({'recover': true});
console.log('Form data has been recovered.');
return false;
});
$('#forms_delete_save_button').click(function()
{
$('#formulir').sayt({'erase': true});
console.log('Form cookie was deleted.');
return false;
});
});