Sunday 25 January 2015

Pop UP Using PHP

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