Jadi gini, saya punya tugas untuk menampilkan detail dari suatu file (jika di klik) muncul detail file tersebut (data nya berasal dari database=> MySql) di dalam sebuah Pop Up..
Berikut caranya ya. (ini sesuai dengan yang aku kerjakan ya :) )
1. Pertama buat dulu link file nya.
(ini sebagian dari isi fileku yang ku beri nama browser.php)
<link rel="stylesheet" href="style/colorbox.css" />
<script src="style/jquery.min.js"></script>
<script src="style/jquery.colorbox-min.js"></script>
<?php $link_address = "function/detail_view.php?f=".$row["id_file"]."&dir=".$row["path_file"] ?>
<td><?php echo "<a class ='iframe' href='".$link_address."'>Detail Pop Up</a>"; ?></td>
2. Aku buat file detail_view.php
(ini nih file yang mau aku pop up)
<?php
include('../config/config.php');
$id = $_GET['f'];
$dir = $_GET['dir'];
$query = "SELECT * from tbl_file WHERE id_file = '".$id."'";
$sql = mysqli_query($connection, $query);
if(mysqli_num_rows($sql) > 0)
{
while($data = mysqli_fetch_assoc($sql))
{
echo '
<tr>
<td>Id File</td>
<td>:</td><td>'.$data['id_file'].'</td></tr>
<tr>
<td>Nama File</td>
<td>:</td><td>'.$data['nama_file'].'</td></tr>
<tr>
<td>Tipe File</td>
<td>:</td><td>'.$data['tipe_file'].'</td></tr>
<tr>
<td>Path File</td>
<td>:</td><td>'.$data['path_file'].'</td></tr>
<tr>
<td>Lokasi File</td>
<td>:</td><td>'.$data['lokasi_file'].'</td></tr>
<tr>
<td>Upload Date</td>
<td>:</td><td>'.$data['upload_date'].'</td></tr>
<tr>
<td>Ukuran File</td>
<td>:</td><td>'.$data['ukuran_file'].'</td></tr>
</div>';
}
}
?>
udah dehhh... :)
Hasil nya seperti ini, setelah kita klik link detail
ini untuk referensi nya ya http://www.formmail-maker.com/forum/index.php?p=/discussion/23/how-to-make-a-popup-form-using-jquery-and-colorbox-plugins/p1
No comments:
Post a Comment