SHARE
TWEET

tes.php

muvida Oct 21st, 2019 122 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php
  2.     session_start();
  3.   include"koneksi.php";
  4.     if (!isset($_SESSION['peserta'])) {
  5.         header('location: http://localhost/PSB/index.php');
  6.     }
  7.   $id=$_GET['id'];
  8.   $nis = $_GET['nis'];
  9.   $kode=$_GET['soal'];
  10.   $sql="SELECT * FROM peserta WHERE id='$nis'";
  11.     $row = mysqli_query($link, $sql);
  12.     $roww=mysqli_fetch_array($row);
  13.     $nisn=$roww['nisn'];
  14.  
  15.   $sql1="SELECT * FROM datasoal WHERE idsoal='$kode'";
  16.   $row1=mysqli_query($link, $sql1);
  17.   $roww1=mysqli_fetch_array($row1);
  18.  
  19.   $look="SELECT waktu FROM detailsoal";
  20.   $look1=mysqli_query($link, $look);
  21.   $look2=mysqli_fetch_array($look1);
  22.   // $iddetail=$look2['iddetail'];
  23.   $menit=$look2['waktu'];
  24.   $menit1=strtotime($menit) - strtotime('TODAY');
  25. ?>
  26. <!DOCTYPE html>
  27. <html lang="en">
  28.  
  29. <head>
  30.  
  31.   <meta charset="utf-8">
  32.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  33.   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  34.   <meta name="description" content="">
  35.   <meta name="author" content="">
  36.  
  37.   <title>Halaman User</title>
  38.  
  39.   <!-- Custom fonts for this template-->
  40.   <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
  41.   <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
  42.  
  43.   <!-- Custom styles for this template-->
  44.   <link href="css/sb-admin-2.min.css" rel="stylesheet">
  45.   <link href="css/csstes.css" rel="stylesheet">
  46.  
  47. </head>
  48.  
  49. <body id="page-top">
  50.  
  51.   <!-- Page Wrapper -->
  52.   <div id="wrapper">
  53.  
  54.     <!-- Sidebar -->
  55.     <ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
  56.  
  57.       <!-- Sidebar - Brand -->
  58.       <a class="sidebar-brand d-flex align-items-center justify-content-center" href="haluser.php">
  59.         <div class="sidebar-brand-icon rotate-n-15">
  60.          
  61.         </div>
  62.         <div class="sidebar-brand-text mx-3">Halaman User</div>
  63.       </a>
  64.  
  65.       <!-- Divider -->
  66.       <hr class="sidebar-divider my-0">
  67.  
  68.       <!-- Nav Item - Dashboard -->
  69.       <li class="nav-item active">
  70.         <a class="nav-link" href="haluser.php">
  71.           <i class="fas fa-fw fa-tachometer-alt"></i>
  72.           <span>Dashboard</span></a>
  73.       </li>
  74.  
  75.       <!-- Divider -->
  76.       <hr class="sidebar-divider">
  77.      
  78.       <!-- Nav Item - Dashboard -->
  79.       <li class="nav-item active">
  80.         <a class="nav-link" href="seleksi.php?id=<?= $nis;?>">
  81.           <i class="fas fa-fw fa-table"></i>
  82.           <span>Test Seleksi</span></a>
  83.       </li>
  84.      
  85.       <!-- Divider -->
  86.       <hr class="sidebar-divider">
  87.      
  88.       <!-- Nav Item - Dashboard -->
  89.       <li class="nav-item active">
  90.         <a class="nav-link" href="#">
  91.           <i class="fas fa-fw fa-folder"></i>
  92.           <span>Data Nilai</span></a>
  93.       </li>
  94.  
  95.       <!-- Heading -->
  96.       <div class="sidebar-heading">
  97.        
  98.       </div>
  99.        
  100.       <hr class="sidebar-divider">
  101.      
  102.       <!-- Heading -->
  103.       <div class="sidebar-heading">
  104.        
  105.       </div>
  106.  
  107.      
  108.  
  109.       <!-- Sidebar Toggler (Sidebar) -->
  110.       <div class="text-center d-none d-md-inline">
  111.         <button class="rounded-circle border-0" id="sidebarToggle"></button>
  112.       </div>
  113.  
  114.     </ul>
  115.     <!-- End of Sidebar -->
  116.  
  117.     <!-- Content Wrapper -->
  118.     <div id="content-wrapper" class="d-flex flex-column">
  119.  
  120.       <!-- Main Content -->
  121.       <div id="content">
  122.         <!-- Topbar -->
  123.         <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
  124.           <!-- Sidebar Toggle (Topbar) -->
  125.           <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
  126.             <i class="fa fa-bars"></i>
  127.           </button>
  128.           <!-- Topbar Search -->      
  129.           <!-- Topbar Navbar -->
  130.           <ul class="navbar-nav ml-auto">
  131.             <!-- Nav Item - Search Dropdown (Visible Only XS) -->
  132.             <li class="nav-item dropdown no-arrow d-sm-none">            
  133.               <!-- Dropdown - Messages -->            
  134.             </li>
  135.             <!-- Nav Item - Alerts -->
  136.             <li class="nav-item dropdown no-arrow mx-1">
  137.               <!-- Dropdown - Alerts -->          
  138.             </li>
  139.             <!-- Nav Item - Messages -->
  140.             <li class="nav-item dropdown no-arrow mx-1">
  141.               <!-- Dropdown - Messages -->
  142.             </li>
  143.             <div class="topbar-divider d-none d-sm-block"></div>
  144.             <!-- USER INFORMATION -->
  145.             <li class="nav-item dropdown no-arrow">
  146.               <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  147.                 <span class="mr-2 d-none d-lg-inline text-gray-600 small"><?php echo $_SESSION['name'];?></span>
  148.              
  149.               </a>
  150.               <!-- Dropdown - User Information -->
  151.               <div class="dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="userDropdown">
  152.                 <a class="dropdown-item" href="editprofil.php">
  153.                   <i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
  154.                   Edit Profile
  155.                 </a>
  156.                 <!--<a class="dropdown-item" href="#">
  157.                   <i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>
  158.                   Settings
  159.                 </a>
  160.                 <a class="dropdown-item" href="#">
  161.                   <i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>
  162.                   Activity Log
  163.                 </a>-->
  164.                 <div class="dropdown-divider"></div>
  165.                 <a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">
  166.                   <i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
  167.                   Logout
  168.                 </a>
  169.               </div>
  170.             </li>
  171.  
  172.           </ul>
  173.  
  174.         </nav>
  175.         <!-- End of Topbar -->
  176.  
  177.         <!-- Begin Page Content -->
  178.         <div class="container-fluid">
  179.  
  180.           <!-- Page Heading -->
  181.           <div class="row">
  182.             <div class="col-lg-8">
  183.               <!-- DATA PESERTA -->
  184.               <div class="card shadow mb-4">
  185.                 <div class="card-body">
  186.                   <table width=>
  187.                     <tr>
  188.                       <td width="150px"><b>Nama</b></td>
  189.                       <td><?php echo $roww['nama']; ?></td>
  190.                     </tr>
  191.                     <tr>
  192.                       <td><b>NISN</b></td>
  193.                       <td><?php echo $nisn; ?></td>
  194.                     </tr>
  195.                     <tr>
  196.                       <td><b>Sekolah Asal</b></td>
  197.                       <td><?php echo $roww['sekolahasal']; ?></td>
  198.                     </tr>
  199.                   </table>
  200.                 </div>
  201.               </div>
  202.  
  203.               <!-- SOAL -->
  204.               <div class="card shadow mb-4">
  205.                 <div class="card-body">
  206.                   <div id="contentsoal"></div>
  207.                    <!-- <div class="card-footer"> -->
  208.                                 <div class="row m-b-20">
  209.                                   <div class="col-md-6">
  210.                                     <span id="resultCekHasil"></span>
  211.                                   </div>
  212.                                   <div class="col-md-6">
  213.                                     <button class="btn btn-success waves-effect waves-light btn-sm pull-right" onclick="cekHasil();">Submit</button>
  214.                                   </div>
  215.                                 <!-- </div> -->
  216.                               </div>
  217.  
  218.                 </div>
  219.               </div>
  220.             </div>
  221.  
  222.            <!-- TIMER  -->
  223.           <div class="col-lg-4">
  224.           <div class="card shadow mb-4">
  225.                 <div class="card-body">
  226.                   <div class="card-block text-center">
  227.                     <i class="fa fa-clock"></i>
  228.                       <span id="timer">00:00</span>
  229.                       <input type="hidden" id="idsoal" value="<?php echo $id; ?>">
  230.                       <input type="hidden" id="timer2" value="<?php echo $menit1; ?>">
  231.                   </div>
  232.                   <div class="card-footer">
  233.                     <div class="row">
  234.                       <div class="col-6">
  235.                         <button class="btn btn-success waves-effect waves-light btn-md btn-block" onclick="mulaiHitung();">Start</button>
  236.                       </div>
  237.                       <div class="col-6">
  238.                         <button data-toggle="modal" data-target="#modalSoalSelesai" class="btn btn-primary waves-effect waves-light btn-md btn-block" onclick="stopHitung();">Selesai</button>
  239.                       </div>
  240.                   </div>
  241.                   <div class="row m-t-30">
  242.                     <div class="col-sm-6">
  243.                       <label><b>Mata Pelajaran</b></label>
  244.                     </div>
  245.                     <div class="col-sm-6">
  246.                       <label id="totalSoal"><?php echo $roww1['namasoal']; ?></label>
  247.                     </div>
  248.                   </div>
  249.                   <div class="row m-t-30">
  250.                     <div class="col-sm-6">
  251.                       <label><b>Kode</b></label>
  252.                     </div>
  253.                     <div class="col-sm-6">
  254.                       <label id="totalSoal"><?php echo $roww1['kodemapel']; ?></label>
  255.                     </div>
  256.                   </div>
  257.                 </div>
  258.                 </div>
  259.               </div>
  260.           </div>
  261.           <div class="row" style="padding-left: 17px;">
  262.  
  263.            
  264.  
  265.                               <div class="col-6">
  266.                                 <input type="hidden" name="noprev" value="">
  267.                                 <button id="but-prev" data-nosoal="" class="btn btn-primary waves-effect waves-light btn-md btn-block" onclick="previousSoal();">Prev</button>
  268.                               </div>
  269.                              
  270.                               <div class="col-6">
  271.                                 <input type="hidden" name="nonext" value="">
  272.                                 <button id="but-next" data-nosoal="" class="btn btn-primary waves-effect waves-light btn-md btn-block" onclick="nextSoal();">Next</button>
  273.                               </div>
  274.                             </div>
  275.            
  276.           </div>
  277.          
  278.           <!-- <h1 align="center" class="h3 mb-0 text-gray-800" >Tes Seleksi PSB Online SMA Seruni Putih </h1>  -->
  279.           <!-- <hr> -->
  280.           <!-- Content Row -->
  281.           <div class="isi">
  282.           <!-- <h5>Pertanyaan no.</h5> -->
  283.          
  284.           </div>
  285.           <div class="row">
  286.             <!-- Earnings (Monthly) Card Example -->
  287.             <div class="col-xl-3 col-md-6 mb-4">
  288.                 </div>
  289.             <!-- Earnings (Monthly) Card Example -->
  290.             <div class="col-xl-3 col-md-6 mb-4">            
  291.             </div>
  292.             <!-- Earnings (Monthly) Card Example -->
  293.             <div class="col-xl-3 col-md-6 mb-4">
  294.             </div>
  295.             <!-- Pending Requests Card Example -->
  296.             <div class="col-xl-3 col-md-6 mb-4">            
  297.           </div>
  298.           <!-- Content Row -->
  299.           <div class="row">
  300.             <!-- Area Chart -->
  301.             <div class="col-xl-8 col-lg-7">
  302.              
  303.                
  304.               </div>
  305.             </div>
  306.  
  307.             <!-- Pie Chart -->
  308.             <div class="col-xl-4 col-lg-5">
  309.             </div>
  310.           </div>
  311.  
  312.           <!-- Content Row -->
  313.           <div class="row">
  314.  
  315.             <!-- Content Column -->
  316.             <div class="col-lg-6 mb-4">
  317.  
  318.               <!-- Project Card Example -->
  319.              
  320.  
  321.               <!-- Color System -->
  322.              
  323.             </div>
  324.  
  325.             <div class="col-lg-6 mb-4">
  326.  
  327.              
  328.  
  329.               <!-- Approach -->
  330.              
  331.             </div>
  332.           </div>
  333.  
  334.         </div>
  335.         <!-- /.container-fluid -->
  336.  
  337.       </div>
  338.       <!-- End of Main Content -->
  339.  
  340.       <!-- Footer -->
  341.       <footer class="sticky-footer bg-white">
  342.         <div class="container my-auto">
  343.           <div class="copyright text-center my-auto">
  344.             <span>Copyright &copy; SMA Seruni Putih 2019</span>
  345.           </div>
  346.         </div>
  347.       </footer>
  348.       <!-- End of Footer -->
  349.  
  350.     </div>
  351.     <!-- End of Content Wrapper -->
  352.  
  353.   </div>
  354.   <!-- End of Page Wrapper -->
  355.  
  356.   <!-- Scroll to Top Button-->
  357.   <a class="scroll-to-top rounded" href="#page-top">
  358.     <i class="fas fa-angle-up"></i>
  359.   </a>
  360.  
  361.   <!-- Logout Modal-->
  362.   <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  363.     <div class="modal-dialog" role="document">
  364.       <div class="modal-content">
  365.         <div class="modal-header">
  366.           <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
  367.           <button class="close" type="button" data-dismiss="modal" aria-label="Close">
  368.             <span aria-hidden="true">×</span>
  369.           </button>
  370.         </div>
  371.         <div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
  372.         <div class="modal-footer">
  373.           <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
  374.           <a class="btn btn-primary" href="../login.php">Logout</a>
  375.         </div>
  376.       </div>
  377.     </div>
  378.   </div>
  379.  
  380.   <!-- Bootstrap core JavaScript-->
  381.   <script src="vendor/jquery/jquery.min.js"></script>
  382.   <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  383.  
  384.   <!-- Core plugin JavaScript-->
  385.   <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
  386.  
  387.   <!-- Custom scripts for all pages-->
  388.   <script src="js/sb-admin-2.min.js"></script>
  389.  
  390.   <!-- Page level plugins -->
  391.   <script src="vendor/chart.js/Chart.min.js"></script>
  392.  
  393.   <!-- Page level custom scripts -->
  394.   <script src="js/demo/chart-area-demo.js"></script>
  395.   <script src="js/demo/chart-pie-demo.js"></script>
  396.  
  397.   <script>
  398.    
  399.     var counter = 0;
  400.     var timeleft = $("#timer2").val();
  401.     // var start = document.getElementById("start");
  402.     // var pause = document.getElementById("pause");
  403.     var myInterval = -1;
  404.     var id = document.getElementById('idsoal').value;
  405.  
  406.     function convertSeconds(s){
  407.       var min = Math.floor(s / 60);
  408.       var sec = s % 60;
  409.       return min + ' : ' + sec;
  410.     }
  411.  
  412.     function mulaiHitung() {
  413.       if(myInterval== -1){
  414.         myInterval = setInterval(function(){
  415.         counter ++;
  416.         timer.innerHTML = convertSeconds(timeleft - counter);
  417.       }, 1000);
  418.       }else{
  419.         clearInterval(myInterval);
  420.         myInterval = -1;
  421.       }
  422.       tampilsoal();
  423.     }
  424.     // function stopHitung(){
  425.      
  426.     // }
  427.  
  428.     function tampilsoal(){
  429.       var id = document.getElementById('idsoal').value;
  430.       $.ajax({
  431.         type: "GET", url: "soal.php?idsoal="+id+"&nis="+<?= $nis ?>
  432.       }).done(function(data){
  433.         $('#contentsoal').html(data);
  434.         // $("#idsoal")
  435.       })
  436.     }
  437.     function nextSoal() {
  438.       // var nonext = $("#but-next").data('nosoal');
  439.       var nonext = $("[name='nonext']").val();
  440.       var noprev = $("[name='noprev']").val();
  441.  
  442.       var next = '';
  443.       if (nonext == '') {
  444.         // $("#but-next").data('nosoal', 2);
  445.         $("[name='nonext']").val('2')
  446.         next = 2;
  447.       } else {
  448.         next = parseInt(nonext);
  449.         var x = 1;
  450.         var yy = next + x;
  451.         // $("#but-next").data('nosoal', next);
  452.         $("[name='nonext']").val(yy);
  453.       }
  454.  
  455.       if (noprev == '') {
  456.         $("[name='noprev']").val('1')
  457.       } else {
  458.         var y = parseInt(noprev);
  459.         var prev = y + 1;
  460.         $("[name='noprev']").val(prev)
  461.       }
  462.  
  463.       $('#contentsoal').removeClass();
  464.       var id = document.getElementById('idsoal').value;
  465.       var idsoal = document.getElementById('idsoal').value;
  466.       // var nosoal = document.getElementById('noSoal').value;
  467.       // var nis = document.getElementById('nis').innerHTML;
  468.       $.ajax({
  469.         type: "GET", url: "soal.php?nosoal="+next+"&idsoal2="+id+"&nis="+<?= $nis ?>
  470.       }).done(function(data){
  471.         $('#contentsoal').html(data);
  472.         // $("#idsoal")
  473.       });
  474.     }
  475.  
  476.     function previousSoal() {
  477.       // var nonext = $("#but-next").data('nosoal');
  478.       var nonext = $("[name='nonext']").val();
  479.       var noprev = $("[name='noprev']").val();
  480.  
  481.       var next = '';
  482.       if (nonext == '') {
  483.         // $("#but-next").data('nosoal', 2);
  484.         $("[name='nonext']").val('2')
  485.         next = 2;
  486.       } else {
  487.         next = parseInt(nonext);
  488.         var x = 1;
  489.         var yy = next - x;
  490.         // $("#but-next").data('nosoal', next);
  491.         $("[name='nonext']").val(yy);
  492.       }
  493.  
  494.       if (noprev == '') {
  495.         $("[name='noprev']").val('1')
  496.       } else {
  497.         var y = parseInt(noprev);
  498.         var prev = y - 1;
  499.         $("[name='noprev']").val(prev)
  500.       }
  501.  
  502.       $('#contentsoal').removeClass();
  503.       var id = document.getElementById('idsoal').value;
  504.       var idsoal = document.getElementById('idsoal').value;
  505.       // var nosoal = document.getElementById('noSoal').value;
  506.       // var nis = document.getElementById('nis').innerHTML;
  507.       $.ajax({
  508.         type: "GET", url: "soal.php?nosoal="+prev+"&idsoal2="+id+"&nis="+<?= $nis ?>
  509.       }).done(function(data){
  510.         $('#contentsoal').html(data);
  511.         // $("#idsoal")
  512.       });
  513.     }
  514.  
  515.     // function cekHasil() {
  516.     //   var idsoal = document.getElementById('idsoal').value();
  517.     //   var iddetail = document.getElementById('iddetail').value();
  518.     //   var nis = document.getElementById('nis').value();
  519.     //   var radioValue = $("input[name='radioButton']:checked").val();
  520.     //   if (radioValue) {
  521.     //     var a = radioValue;
  522.     //   }
  523.     //   $.ajax({
  524.     //     url: "simpanjawaban.php?idsoal="+idsoal+"&iddetail="+iddetail+"&jawab="+a+"&idsiswa="+nis
  525.     //     type: "GET"
  526.     //   }).done(function (data){
  527.     //     var obj = JSON.parse(data);
  528.     //     nextSoal();
  529.     //   });
  530.     // }
  531.  
  532.   </script>
  533.  
  534. </body>
  535.  
  536. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top