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