API tools faq
paste
Advertisement
muvida

tes.php

muvida
Oct 21st, 2019
156
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 18.07 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!