mas mau tanya ne agar eksekusi js countdown bisa submit jawaban gimna ya?????
///////////////////////////////
<body>
<p align="center"><strong>ULANGAN UMUM BERSAMA SEMESTER I (GANJIL)</strong><br />
<strong>TAHUN PELAJARAN 2012/2013</strong></p>
<table border="0" width="200">
<tr>
<td>Nama</td>
<td>:</td>
<td><?php echo $nm; ?></td>
</tr>
<tr>
<td>Mata Pelajaran</td>
<td>:</td>
<td><?php echo $mtr; ?></td>
</tr>
<tr>
<td>KD</td>
<td>:</td>
<td><?php echo $kmp; ?></td>
</tr>
<tr>
<td>Alokasi Waktu</td>
<td>:</td>
<td>
<script type="text/javascript">
var detik="20"
if (document.images)
{
parselimit=detik
}
function begintimer()
{
if (!document.images)
return
if (parselimit==1)
window.location="prosesSoal.php"
else
{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+":"+cursec+""
else
curtime=cursec+" detik"
document.getElementById("servertime").innerHTML=curtime
setTimeout("begintimer()",1000)
}
}
</script>
</head>
<body onLoad="begintimer()">
<b><DIV id="servertime"></DIV></b>
</td>
</tr>
</table>
<form name="form2" method="post" action="">
<label for="textfield"></label>
<p><strong>PETUNJUK UMUM</strong></p>
<ol>
<li>Laporkan kepada pengawas ujian kalau terdapat tulisan yang kurang jelas</li>
<li>Jumlah soal sebanyak 10 butir pilihan ganda, dan semua harus dijawab</li>
<li>Kerjakan soal-soal yang Anda anggap paling mudah terlebih dahulu</li>
<li>Tidak dibenarkan memilih jawaban lebih dari satu jawaban</li>
<li>Apabila ada jawaban yang Anda anggap keliru dan Anda ingin memperbaikinya, maka perbaikan</li>
<li> Penilaian diatur sebagai berikut :<br>
a. Nilai Maksimal : 10,00<br>
b. Nilai Miimal : 0,00</li>
<li> Mintalah kertas buram kepada pengawas, apabila diperlukan</li>
<li>Periksalah pekerjaan anda sebelum kirim jawaban ke <em>website</em></li>
</ol>
</form>
<p> </p>
<hr />
<?php
include("admin/koneksi.php");
$hasil=mysql_query("select * from soal where materi='$mtr' and kd='$kmp' and status='Yes' order by id desc limit 10");
$jumlah=mysql_num_rows($hasil);
$urut=0;
while($row =mysql_fetch_array($hasil))
{
$id=$row["id"];
$pertanyaan=$row["pertanyaan"];
$a=$row["a"];
$b=$row["b"];
$c=$row["c"];
$d=$row["d"];
$e=$row["e"];
?>
<form name="form1" method="post" action="prosesSoal.php">
<input type="hidden" name="id[]" value="<?php echo $id; ?>">
<input type="hidden" name="jumlah" value="<?php echo $jumlah; ?>">
<input type="hidden" name="Nm" value="<?php echo $nm; ?>">
<input type="hidden" name="Sid" value="<?php echo $sid; ?>">
<input type="hidden" name="mt" value="<?php echo $mtr; ?>">
<input type="hidden" name="km" value="<?php echo $kmp; ?>">
<div id="soal"><p><?php echo $urut=$urut+1; ?>. <?php echo "$pertanyaan"; ?>:</p></div>
<p>
<input type="radio" name="pilihan[<?php echo $id; ?>]" value="A" />
a.<?php echo "$a";?> </p>
<p>
<input type="radio" name="pilihan[<?php echo $id; ?>]" value="B" />
b.<?php echo "$b";?> </p>
<p>
<input type="radio" name="pilihan[<?php echo $id; ?>]" value="C" />
c.<?php echo "$c";?> <br />
</p>
<p>
<input type="radio" name="pilihan[<?php echo $id; ?>]" value="D" />
d.<?php echo "$d";?> <br />
</p>
<p>
<input type="radio" name="pilihan[<?php echo $id; ?>]" value="E" />
e.<?php echo "$e";?> </p>
<p>
<?php
}
?>
<input type="submit" name="submit" value="Kirim Jawab" onClick="return confirm ('Apakah Anda yakin dengan jawaban Anda?')">
<script type="text/javascript">
var detik="20"
if (document.images)
{
parselimit=detik
}
function begintimer()
{
if (!document.images)
return
if (parselimit==1)
window.location="prosesSoal.php"
else
{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+":"+cursec+""
else
curtime=cursec+" detik"
document.getElementById("servertime").innerHTML=curtime
setTimeout("begintimer()",1000)
}
}
</script>
</p>
<script type="text/javascript">
function waktuHabis(){
alert("waktu habis ......");
koreksi_simpan();
}
function hampirHabis(periods){
if($.countdown.periodsToSeconds(periods) == 60){
$(this).css({color:"red"});
}
}
function tutup_redirect(id_info,id_mp){
$("#"+id_info).parent().remove();
$("#content").html(info_loading).load("daftar_ujian_siswa.php?id_mp="+id_mp);
};
function coba_lagi(id_info){
$("#"+id_info).parent().remove();
koreksi_simpan();
}
function pilih_jawaban(elm){
$(elm).find("input:radio").attr("checked",true);
}
function koreksi_simpan(){
// hapus timer countdown
$("#timer").countdown("destroy");
var id_mp = "<?php echo $data_ujian['id_mp'] ?>";
var id_ujian ="<?php echo $id_ujian ?>";
var id_user = "<?php echo $_SESSION['nis_kj'] ?>";
var id_info ="<?php echo 'info_'.$id_ujian ?>";
var jum_soal = "<?php echo $no ?>";
// lihat berapa jawaban yang benar
var benar = 0;
// tandai jawaban yang benar
$(":radio").each(function(){
if($(this).val() == 1){
$(this).parent().addClass("yang_benar");
}
})
// koreksi gan
var jawaban_siswa = new Array();
$(":checked").each(function(){
if($(this).val() == 1){
benar++;
};
jawaban_siswa += $(this).attr("alt")+",";
})
if(jawaban_siswa.length > 0){
jawaban_siswa = jawaban_siswa.substr(0,jawaban_siswa.length - 1);
}
// alert(jawaban_siswa);
var nilai = (benar / jum_soal) * 100;
// simpan ke database
var tinggi_div_soal = $("#tempat_soal").outerHeight();
var lebar_div_soal = $("#tempat_soal").outerWidth();
var posisi = $("#tempat_soal").position();
var div_overlay = "<div style='position:absolute;top:"+posisi.top+";left:"+posisi.left;
div_overlay +=";width:"+lebar_div_soal+"px;height:"+tinggi_div_soal+";background:#FFFFFF;opacity:0.4;z-index:9' >";
div_overlay +="</div>";
div_overlay +="<div id='"+id_info+"' style='position:absolute;border:1px solid #000000;font-weight:bolder;z-index:10";
div_overlay +=";width:"+0.25 * lebar_div_soal+"px;background:#CEF3CE;padding:6px;border:1px solid #00FF00;border-radius:3px;' >";
div_overlay +="Sedang menyimpan ...........</div>";
$(div_overlay).appendTo("#tempat_soal");
var atas = (($(window).height() - $("#"+id_info).height()) / 2) + $(window).scrollTop();
var kiri = (($(window).width() - $("#"+id_info).width()) / 2) + $(window).scrollLeft();
$("#"+id_info).css({"top":atas+"px","left":kiri+"px"});
//simpan ke database
var url = "simpan_form.php";
var tabel = "nilai";
var data = [{"name":"id_user","value":id_user},{"name":"id_ujian","value":id_ujian},{"name":"nilai","value":nilai},{"name":"detail_jawaban","value":jawaban_siswa}];
/*
$.post(url,{tbl:tabel,data:data},function(hasil){
if(hasil == 1){
var ket_nilai = "<div>Nilai Anda : "+nilai+"</div><div>Jawaban Yang benar :"+benar+"</div><div>Jumlah soal "+jum_soal+"</div>";
ket_nilai +="<div style='margin-top:5px'><span class='tombol' onclick='tutup_redirect(\""+id_info+"\",\""+id_mp+"\")'>OK</span></div>";
$("#"+id_info).html(ket_nilai);
// hapus overlay
//$("#"+id_info).parent().remove();
//$("#content").html("").load("daftar_ujian_siswa.php?id_mp="+id_mp);
}
else {
var lagi = confirm("Gagal disimpan, mungkin koneksi terputus <br /> Coba lagi");
if(lagi){
// hapus overlay
$("#"+id_info).parent().remove();
koreksi_simpan();
}
}
})
*/
$.ajax({
type:"POST",
url: url,
data:{tbl:tabel,data:data},
success:function(){
var ket_nilai = "<div>Nilai Anda : "+nilai+"</div><div>Jawaban Yang benar :"+benar+"</div><div>Jumlah soal "+jum_soal+"</div>";
ket_nilai +="<div style='margin-top:5px'><span class='tombol' onclick='tutup_redirect(\""+id_info+"\",\""+id_mp+"\")'>OK</span></div>";
$("#"+id_info).html(ket_nilai);
},
error:function(){
$("#"+id_info).html("Gagal menyimpan ...........<span class='tombol' onclick='coba_lagi(\""+id_info+"\")'>Coba lagi</span>");
}
})
}
$(function(){
var longWayOff = "<?php echo ($data_ujian['waktu'] * 60) - $telah_berlalu ?>";
if(parseInt(longWayOff) <= 0 ){
waktuHabis();
}
else {
$("#timer").countdown({
until: longWayOff,
compact:true,
onExpiry:waktuHabis,
onTick: hampirHabis
});
}
})
</script>
</form>
Tidak ada komentar:
Posting Komentar