daily pastebin goal
31%
SHARE
TWEET

popupphp

a guest Jun 24th, 2018 72 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  2. <!-- pop up -->
  3. <style>
  4. #ubahartikel {
  5.     width: 100%;
  6.     height: 100%;
  7.     position: fixed;
  8.     background: rgba(0,0,0,.7);
  9.     top: 0;
  10.     left: 0;
  11.     z-index: 9999;
  12.     visibility: hidden;
  13. }
  14. #ubahartikel .window {
  15.     width: 75%;
  16.     height: 75%;
  17.     background: #fff;
  18.     margin: 5% auto;
  19.     overflow-y: auto;
  20.     overflow-x: hidden;
  21. }
  22. #ubahartikel:target {
  23.     visibility: visible;
  24. }
  25. </style>
  26.  
  27. <!-- Tampilin data -->
  28. <div class='col-md-10' style='min-height:600px'>
  29.          <div class='col-md-12' style='padding:10px; padding-left:0;padding-right:0;'>
  30.              <table class="table table-bordered">
  31.             <tr><th class="info">News & Promotion</th></tr>
  32.         </table>
  33.          </div>
  34.             <table class='table table-bordered'>
  35.                <tr>
  36.                   <th class='info'>Judul</th>
  37.                   <th class='info'>Kategori</th>
  38.                   <th class='info'>Tanggal</th>
  39.                   <th class='info'>Action</th>
  40.                </tr>
  41. <?php
  42.   // Load file koneksi.php
  43.   include('connection.php');
  44.   function tanggal_indo($tanggal){
  45.     $bulan = array (
  46.         1 =>   'Januari',
  47.         'Februari',
  48.         'Maret',
  49.         'April',
  50.         'Mei',
  51.         'Juni',
  52.         'Juli',
  53.         'Agustus',
  54.         'September',
  55.         'Oktober',
  56.         'November',
  57.         'Desember'
  58.     );
  59.     $pecahkan = explode('-', $tanggal);
  60.     // variabel pecahkan 0 = tanggal
  61.     // variabel pecahkan 1 = bulan
  62.     // variabel pecahkan 2 = tahun
  63.     return $pecahkan[2] . ' ' . $bulan[ (int)$pecahkan[1] ] . ' ' . $pecahkan[0];
  64.     }
  65.   $query = "SELECT * FROM artikel ORDER BY id DESC"; // Query untuk menampilkan semua data siswa
  66.   $sql = mysqli_query($connect, $query); // Eksekusi/Jalankan query dari variabel $query
  67.   $row = mysqli_num_rows($sql); // Ambil jumlah data dari hasil eksekusi $sql
  68.   if($row > 0){ // Jika jumlah data lebih dari 0 (Berarti jika data ada)
  69.   while($data = mysqli_fetch_array($sql)){ // Ambil semua data dari hasil eksekusi $sql
  70.   $tanggal = date('Y-m-d', strtotime($data['tanggal']));
  71.     echo "<tr>
  72.             <td>".$data['judul']."</td>
  73.             <td valign='middle'>".$data['kategori']."</td>
  74.             <td valign='middle'>" . tanggal_indo($tanggal, true) . "</td>
  75.             <td>
  76.             <a href='#ubahartikel' id='".$data['id']."' class='btn btn-info'>Lihat / Ubah</a>
  77.             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  78.             <a href='admin-tool/aksi/hapusArtikel.php?id=".$data['id']."' class='btn btn-info' onclick='return confirm(this.value)'>Hapus</a>
  79.             </td>
  80.             </tr>";
  81.     }
  82.     }else{ // Jika data tidak ada
  83.         echo "<tr><td colspan='4'><center>Tidak Ada News & Promotion</center></td></tr>";
  84.     }
  85. ?>
  86.             </table>
  87.         </div>
  88.    
  89. <!-- Pop up Lihat / Ubah -->
  90.    <div id='ubahartikel'>
  91.         <div class='window'>
  92.         <center><br>
  93.         <p>
  94.         <legend><font size='5' color='#FF91A4'><b>Ubah Artikel</b></font></legend>
  95.         </p></center>
  96.         <?php
  97.         $id = $_GET['id'];
  98.         ?>
  99.         <form method='post' action='admin-tool/aksi/ubahArtikel.php?id=".$data['id']."' enctype='multipart/form-data'>
  100.             <div class='row'>
  101.                 <div class='col-md-12'>
  102.             <div class='row'>
  103.                 <div class='col-md-2'>
  104.                     &nbsp;
  105.                 </div>
  106.                 <div class='col-md-10'>
  107.                     <b>Judul&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b>
  108.                     :
  109.                     <input type='text' name='judul' value='<?php echo " $data['judul'] "; ?>' style='width:590px;' style='height:300px;'>
  110.                     <br>
  111.                 </div>
  112.             </div>
  113.             <div class='row'>
  114.                 <div class='col-md-2'>
  115.                     &nbsp;
  116.                 </div>
  117.                 <div class='col-md-3'>
  118.                     <table>
  119.                     <tr>
  120.                     <br>
  121.                     <td><b>Kategori&nbsp;</b></td>
  122.                     <td>:&nbsp;</td>
  123.                     <td><select name='kategori'>
  124.                     <option value=''>--Pilih Kategori--</option>
  125.                     <option value='News'>News</option>
  126.                     <option value='Promotion'>Promotion</option>
  127.                     </select></td>
  128.                     </tr>
  129.                     <tr><td>&nbsp;</td></tr>
  130.                     <tr>
  131.                     <td><b>Tanggal</b></td>
  132.                     <td>:&nbsp;</td>
  133.                     <td><input type='date' name='tanggal'></td>
  134.                     </tr>
  135.                     </table>
  136.                 </div>
  137.                 <div class='col-md-1'>
  138.                     &nbsp;
  139.                 </div>
  140.                 <div class='col-md-4'>
  141.                     <center><b>Foto Artikel :</b></center>
  142.                 <div class='file-upload'>
  143.                     <div class='image-upload-wrap'>
  144.                         <input class='file-upload-input' type='file' name='foto' onchange='readURL(this);' accept='.jpg,.jpeg,.png' />
  145.                         <div class='drag-text'>
  146.                             <br><br>
  147.                             <p><b>Silakan Tarik dan Lepas File Gambar Anda Ke Sini!</b></p>
  148.                             <p><i class='fa fa-upload'></i></p>
  149.                             <p><div class='btn btn-info'>Atau Klik Pilih Gambar</div></p>
  150.                             <br>
  151.                         </div>
  152.                     </div>
  153.                     <div class='file-upload-content'>
  154.                         <img class='file-upload-image' src='#' alt='your image' />
  155.                         <div class='image-title-wrap'>
  156.                             <button type='button' onclick='removeUpload()' class='remove-image'>Hapus <span class='image-title'>Uploaded Image</span></button>
  157.                         </div>
  158.                     </div>
  159.                 </div>
  160.                 <br>
  161.                 <br>
  162.                 </div>
  163.                 <div class='col-md-2'>
  164.                     &nbsp;
  165.                 </div>
  166.             </div>
  167.             </div>
  168.             </div>
  169.             <div class='row'>
  170.                 <div class='col-md-2'>
  171.                     &nbsp;
  172.                 </div>
  173.                 <div class='col-md-10'>
  174.                     <b>Isi Artikel :</b>
  175.                     <br><br>
  176.                 </div>
  177.             </div>
  178.             <div class='row'>
  179.                 <div class='col-md-2'>
  180.                     &nbsp;
  181.                 </div>
  182.                 <div class='col-md-8'>
  183.                     <textarea name='isi'></textarea>
  184.                     <br>
  185.                 </div>
  186.                 <div class='col-md-2'>
  187.                     &nbsp;
  188.                 </div>
  189.             </div>
  190.             <br>
  191.             <div class='row'>
  192.             <div class='col-md-12'>
  193.             <center>
  194.             <input type='submit' class='btn btn-info' onclick='return confirm(this.value)' value='Simpan'>
  195.             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  196.             <a href='#' class='btn btn-info'>Batal</a>
  197.             <br><br>
  198.             </center>
  199.             </div>
  200.             </div>
  201.         </form>
  202.         </div>
  203.     </div>
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