Membuat Buku Tamu dengan Icon


Lanjutan dari Postingan sebelumnya yaitu, membuat buku tamu .

Sekarang kita modif sedikit buku tamu nya, supaya lebih menarik dan lebih interaktif, kita tambahkan dengan fitur Icon atau biasa kita kenal dengan Smiley.

Dengan asumsi anda dan saya sudah mempunyai icon yang akan di gunakan, taruh lah icon tersebut di direktori projek anda, atau bisa juga kita mengambil icon dari web lain.

Dengan asumsi, kita harus membutuhkan 4 file yang saling terintegrasi, yaitu ile bukutamu.php, koneksi.php, proses_bukutamu.php, dan terakhir tampil.php.

Sekarang kita akan membuat satu file baru yang bernama daftar_smiley.php, ini dia source code nya :

<?php
function smile ($pesan)
{
$pesan = ereg_replace (":D",<img src=\"images/icon/ketawa.gif\>",
$pesan);
$pesan = ereg_replace (":p",<img src=\"images/icon/melet.gif\>",
$pesan);
return $pesan;

}
$cek_pesan=smile($pesan);
?>


Sekarang kita mempunyai 5 file yang akan saling terintegrasi satu sama lain.

Penjelasan :

function ereg_replace adalah untuk mengganti string yang berwana merah (dalam kasus ini adalah karakter dari icon), dengan alamat icon (source).

Function di atas hanya terdiri dari dua icon saja, bisa juga di tambahkan sesuai kebutuhan.

Lalu pada file proses_bukutamu.php, kita modifikasi sedikit source code nya :

<?
include "koneksi.php";
$nama = $_POST['nama'];
$email = $_POST['email'];
$pesan = $_POST['pesan'];
include "daftar_smiley.php";
$query = "INSERT INTO bukutamu (id,nama,email,pesan)
VALUES ('','$nama','$email','$cek_pesan')";

mysql_db_query($database,$query)
or die ("input data gagal".mysql_error());

echo "Query Berhasil <br>";
echo "<a href=tampil.php> Lihat Buku Tamu</a>";
?>

Jika semua sudah benar, maka outputnya akan seperti ini :

Input Buku Tamu

Tampilan Buku Tamu

Jika ente smua bingung, source code nya bisa di donlot di sini

,

  1. Membuat Sensor Kata dengan PHP « Manguri's Blog

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: