Advertisement
fakhrulramadhan

view.php

Jul 25th, 2017
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 3.84 KB | None | 0 0
  1. <div class="table-responsive">
  2.     <table class="table table-bordered">
  3.         <tr>
  4.             <th class="text-center">NO</th>
  5.             <th class="text-center">FOTO</th>
  6.             <th>NIS</th>
  7.             <th>NAMA</th>
  8.             <th>JENIS KELAMIN</th>
  9.             <th>TELP</th>
  10.             <th>ALAMAT</th>
  11.             <th colspan="2" class="text-center"><span class="glyphicon glyphicon-cog"></span></th>
  12.         </tr>
  13.         <?php
  14.         // Include / load file koneksi.php
  15.         include "koneksi.php";
  16.        
  17.         // Buat query untuk menampilkan semua data siswa
  18.         $sql = $pdo->prepare("SELECT * FROM siswa");
  19.         $sql->execute(); // Eksekusi querynya
  20.        
  21.         $no = 1; // Untuk penomoran tabel, di awal set dengan 1
  22.         while($data = $sql->fetch()){ // Ambil semua data dari hasil eksekusi $sql
  23.         ?>
  24.             <tr>
  25.                 <td class="align-middle text-center"><?php echo $no; ?></td>
  26.                 <td class="align-middle text-center">
  27.                     <img src="foto/<?php echo $data['foto']; ?>" width="80" height="80">
  28.                 </td>
  29.                 <td class="align-middle"><?php echo $data['nis']; ?></td>
  30.                 <td class="align-middle"><?php echo $data['nama']; ?></td>
  31.                 <td class="align-middle"><?php echo $data['jenis_kelamin']; ?></td>
  32.                 <td class="align-middle"><?php echo $data['telp']; ?></td>
  33.                 <td class="align-middle"><?php echo $data['alamat']; ?></td>
  34.                 <td class="align-middle text-center">
  35.                     <a href="javascript:void();" data-toggle="modal" data-target="#form-modal" onclick="edit(<?php echo $no; ?>);" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></a>
  36.                 </td>
  37.                 <td class="align-middle text-center">
  38.                     <a href="javascript:void();" data-toggle="modal" data-target="#delete-modal" onclick="hapus(<?php echo $no; ?>);" class="btn btn-danger"><span class="glyphicon glyphicon-erase"></span></a>
  39.                 </td>
  40.             </tr>
  41.             <!--
  42.             -- Membuat sebuah textbox hidden yang akan digunakan untuk form ubah
  43.             -->
  44.             <input type="hidden" id="nis-value-<?php echo $no; ?>" value="<?php echo $data['nis']; ?>">
  45.             <input type="hidden" id="nama-value-<?php echo $no; ?>" value="<?php echo $data['nama']; ?>">
  46.             <input type="hidden" id="jeniskelamin-value-<?php echo $no; ?>" value="<?php echo $data['jenis_kelamin']; ?>">
  47.             <input type="hidden" id="telp-value-<?php echo $no; ?>" value="<?php echo $data['telp']; ?>">
  48.             <input type="hidden" id="alamat-value-<?php echo $no; ?>" value="<?php echo $data['alamat']; ?>">
  49.         <?php
  50.             $no++; // Tambah 1 setiap kali looping
  51.         }
  52.         ?>
  53.     </table>
  54. </div>
  55.  
  56. <script>
  57. // Fungsi ini akan dipanggil ketika tombol edit diklik
  58. function edit(no){
  59.     $("#btn-simpan").hide(); // Sembunyikan tombol simpan
  60.     $("#btn-ubah, #checkbox_foto").show(); // Munculkan tombol ubah dan checkbox foto
  61.    
  62.     // Set judul modal dialog menjadi Form Ubah Data
  63.     $("#modal-title").html("Form Ubah data");
  64.    
  65.     var nis = $("#nis-value-" + no).val(); // Ambil nis dari input type hidden
  66.     var nama = $("#nama-value-" + no).val(); // Ambil nama dari input type hidden
  67.     var jeniskelamin = $("#jeniskelamin-value-" + no).val(); // Ambil jenis kelamin dari input type hidden
  68.     var telp = $("#telp-value-" + no).val(); // Ambil telp dari input type hidden
  69.     var alamat = $("#alamat-value-" + no).val(); // Ambil alamat dari input type hidden
  70.    
  71.     // Set value dari textbox nis yang ada di form
  72.     // Set textbox nis menjadi Readonly
  73.     $("#nis").val(nis).attr("readonly","readonly");
  74.    
  75.     $("#nama").val(nama); // Set value dari textbox nama yang ada di form
  76.     $("#jenis_kelamin").val(jeniskelamin); // Set value dari textbox nama yang ada di form
  77.     $("#telp").val(telp); // Set value dari textbox nama yang ada di form
  78.     $("#alamat").val(alamat); // Set value dari textbox nama yang ada di form
  79.     $("#foto").val("");
  80. }
  81.  
  82. // Fungsi ini akan dipanggil ketika tombol hapus diklik
  83. function hapus(no){
  84.     var nis = $("#nis-value-" + no).val(); // Ambil nis dari input type hidden
  85.    
  86.     // Set textbox hidden nis yang ada di modal dialog hapus
  87.     $("#data-nis").val(nis);
  88. }
  89. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement