Showing posts with label PHP. Show all posts
Showing posts with label PHP. Show all posts

Friday, December 12, 2014

Membuat Upload, Edit, dan Hapus Foto/Gambar di PHP

10:36 AM 10 Comments

Buat database dengan nama: db_images
Buat tabel dengan nama: tb_images
Buat 2 field yaitu: id (int (3), primary key, auto increment) serta image (varchar(50))
Akan dibutuhkan tiga file php yaitu untuk upload, edit, serta view.
Buat folder untuk menampung foto/gambar di dalam folder project. Contoh beri nama folder tersebut: img
Berikut ini adalah script input_image.php:
<?php
    mysql_connect("localhost","root","");   
    mysql_select_db("db_images");
    $lokasi_file    = $_FILES['gambar']['tmp_name'];
    $nama_file      = $_FILES['gambar']['name'];
    $acak           = rand(1,99);
    $nama_file_unik = $acak.$nama_file;
    $vdir_upload = "img/";
    $vfile_upload = $vdir_upload . $nama_file_unik;
    move_uploaded_file($_FILES["gambar"]["tmp_name"], $vfile_upload);
   
    $simpan=$_POST['simpan'];   
   
    if ($simpan){
        if (empty($lokasi_file)){
        //echo "<center><font color='#FF0000' size='+2'>Maaf Anda belum memilih Gambar<br></font></center>";
        ?><script language="javascript">alert('Maaf Anda belum memilih Gambar')</script><?php
        ?><script>document.location.href="input_image.php";</script><?php
}else{
    mysql_query("INSERT INTO tb_images VALUES ('','$nama_file_unik')")or die (Error.mysql_error());
    //echo "<center><font color='#FF0000' size='+1'>Berhasil disimpan</font></center><br>";
            ?><script language="javascript">alert('Images Berhasil Disimpan')</script><?php
        ?><script>document.location.href="view_image.php";</script><?php
}
    }
    ?>

Menampilkan Data yang Akan Diedit pada Radio Button dan Combo Box di PHP

10:20 AM 13 Comments
Buatlah database dengan nama: dbakademik.
Buat tabel dengan nama: tb_mhs
Buat field-field serta isi seperti pada contoh gambar di bawah ini:
Buat file .php untuk menampilkan data pada tabel tb_mhs. Berikut scriptnya:
<table width="39%" border="0" align="center" cellpadding="1" cellspacing="1" id="tabel">
<?php
    mysql_connect("localhost","root","");   
    mysql_select_db("dbakademik");
$sql = mysql_query("SELECT * FROM tb_mhs ORDER BY nim ASC")or die ("Error!".mysql_error());;
while($hs = mysql_fetch_array($sql)){
        $no++;
        $nim=$hs['nim'];
        $nama=$hs['nama'];
        $jekel=$hs['jekel'];
        $jurusan=$hs['jurusan'];
?>

Menampilkan Data Secara Vertikal di PHP

10:06 AM 0 Comments
Biasanya data yang ditampilkan dalam PHP adalah data dalam bentuk horizontal. Tapi, pada tutorial ini akan membuat bagaimana menampilkan data secara vertikal di php.
Buat database dengan nama: dbakademik
Buat tabel dengan nama: tb_mhs
Buat field-field serta isi dengan data seperti pada contoh gambar di bawah ini:


Buat file .php dan berikut ini adalah scriptnya:
<table width="39%" border="0" align="center" cellpadding="1" cellspacing="1" id="tabel">
<?php
    mysql_connect("localhost","root","");   
    mysql_select_db("dbakademik");
$sql = mysql_query("SELECT * FROM tb_mhs ORDER BY nim ASC")or die ("Error!".mysql_error());;
while($hs = mysql_fetch_array($sql)){
        $no++;
        $nim=$hs['nim'];
        $nama=$hs['nama'];
        $jekel=$hs['jekel'];
        $jurusan=$hs['jurusan'];
?>
    <tr>
      <td width="141" height="21">NIM</td>
      <td width="4">:</td>
      <td width="274"><?php echo $nim; ?></td>
    </tr>
    <tr>
      <td height="21">Nama</td>
      <td>:</td>
      <td><?php echo $nama; ?></td>
    </tr>
      <td height="22">Jenis Kelamin</td>
      <td>:</td>
      <td><?php echo $jekel; ?></td>
    </tr>
    <tr>
      <td height="21">Jurusan</td>
      <td>:</td>
      <td><?php echo $jurusan; ?></td>
    </tr>
    <tr>
      <td height="28" colspan="6"><hr /></td>
    </tr>
<?
}
?>
</table>
Berikut ini adalah tampilan ketika file php yang sudah dibuat tadi ketika dijalankan.

Fin.
Happy Coding.
Alhamdulillah.
:)

Menampilkan Data Dari ComboBox ke TextField di PHP

9:50 AM 53 Comments
Pada tutorial ini data dari combobox yang diambil dari database akan ditampilkan pada textfield.
Buatlah database dengan nama: dbakademik
Buat tabel dengan nama: tb_mhs
Buat field yaitu: nim, nama, jurusan dan lalu isilah seperti contoh pada gambar di bawah ini.

Buat file .php dan berikut ini adalah scriptnya:
     <?php   
    mysql_connect("localhost","root","");   
    mysql_select_db("dbakademik");  
    ?>
<title>Combobox</title>

<p></p>
    <table width="451" border="0" align="center">
      <tr>
        <td width="118">NIM</td>
        <td width="323"><select name="nim" id="nim" onchange="changeValue(this.value)" >
        <option value=0>-Pilih-</option>
        <?php
    $result = mysql_query("select * from tb_mhs");   
    $jsArray = "var dtMhs = new Array();\n";       
    while ($row = mysql_fetch_array($result)) {   
        echo '<option value="' . $row['nim'] . '">' . $row['nim'] . '</option>';   
        $jsArray .= "dtMhs['" . $row['nim'] . "'] = {nama:'" . addslashes($row['nama']) . "',jrsn:'".addslashes($row['jurusan'])."'};\n";   
    }     
    ?>   
        </select></td>
      </tr>
      <tr>
        <td>Nama Mahasiswa</td>
        <td><input type="text" name="nm" id="nm"/></td>
      </tr>
      <tr>
        <td>Jurusan</td>
        <td><input type="text" name="jrsn" id="jrsn"/></td>
      </tr>
    </table>
      <script type="text/javascript">   
    <?php echo $jsArray; ?> 
    function changeValue(nim){ 
    document.getElementById('nm').value = dtMhs[nim].nama; 
    document.getElementById('jrsn').value = dtMhs[nim].jrsn; 
    }; 
    </script>
     
Berikut adalah tampilan ketika dijalankan. Combobox NIM berisi NIM yang datanya mengambil dari tb_mhs.


Berikut ini Tampilan ketika salah satu IM dipilih. Nama serta jurusan akan tampil pada textfield.


Fin.
Happy Coding.
Alhamdulillah.
:)


*sebenarnya bikin tutorial ini dan diposting disini buat pengingat diri sendiri dan siapa tahu bermanfaat juga buat yang lain.

Saturday, September 15, 2012

Membuat Form Pencarian dengan Menggunakan Thickbox di PHP

6:31 PM 1 Comments

Berikut ini adalah tampilan awal form pencarian ketika pertama kali dijalankan.

Selanjutnya, Untuk mencari data buku cukup dengan klik browse maka akan tampil thickbox yang berisi data buku. Lalu, klik pada Kode Buku yang ingin data buku nya ditampilkan.

Dan, berikut ini adalah tampilan data buku yang telah dipilih untuk ditampilkan.

Project ini bisa di-download disini.