|

SIMPLE Membuat buku tamu dengan PHP

Pertama, kita buat Database yang Bernama "percobaan", database yang saya gunakan adalah MySQL.
lalu, buat tabel dengan nama "bukutamu" . Berikut previewnya.

Kedua, buat koneksi ke database dengan cara membuat file bernama "konekse.php", lalu letakkan kode berikut kedalamnya.

<?php $hostname="localhost"; $username="usernameSQLanda"; $password="passwordSQLanda"; $database="namaDatabaseSQLanda"; mysql_connect($hostname,$username,$password); mysql_select_db($database); ?>
Ketiga,Buat file lagi yang bernama "proses.php", isinya seperti dibawah ini.


<?php include "koneksi.php"; $nama=$_POST["nama"]; $website=$_POST["website"]; $pesan=$_POST["pesan"]; $waktu=date("d-m-Y | h:i:s"); $simpan=mysql_query("insert into bukutamu (no,nama,website,pesan,waktu) values (' ', '$nama', '$website', '$pesan', '$waktu') "); if($simpan){ echo "Loading"; } else{ echo "Gagal mengisi buku tamu"; } ?> <script> var redirecturl="utama.php" var pausefor=0 function postaction(){ if (window.timer){ clearInterval(timer) clearInterval(timer_2) } window.location=redirecturl } setTimeout("postaction()",pausefor*1000) </script>
Terakhir, Buat lagi file yang bernama "utama.php" . file inilah yang berhubungan langsung dengan user, file ini terdapat form-form yang wajib diisi oleh setiap orang yang ingin berkomentar / menggunakan Chatbox ini. letakkan kode berikut kedalam file tersebut.

<style> #utama{ padding: 4px; color: black; font-family: arial; font-size: 10px; max-height: 400px; overflow: auto; border: 1px solid; margin: 1px 0px 1px 0px; } .kolom{ border: 2px solid black; padding: 7px; margin-bottom: 2px; font-family: arial; font-size: 11px; color: black; } .website{ font: 10px consolas; display: table; padding: 0px 5px; border: 1px solid; } .tanggal{ float: right; padding: 0px 4px; border: 1px solid; margin-top: -14px; } .nama{ font-weight:bold; } .pesan{ width: auto; word-wrap: break-word; overflow: hidden; margin-left: 70px; margin-top: -14px; } #formisi{ height:95px; margin-top: 5px; border: 1px solid red; padding: 5px; padding-top: 5px; font-family: monospace; color: black; } </style> <?php include "koneksi.php"; $sql=mysql_query("select * from bukutamu order by no desc"); $jumlah=mysql_num_rows($sql); while($data=mysql_fetch_array($sql)){ $nama=$data[nama]; $website=$data[website]; $pesan=$data[pesan]; $waktu=$data[waktu]; echo " <div id='utama'> <div class='website'> link&nbsp;&nbsp; $website</div> <small class='tanggal'>$waktu</small> <div><font class='nama'>$nama</font> :<div class='pesan'> $pesan</div></div><br> </div> "; } echo "</div><div id='formisi'>"; echo "<z style='font: 10px arial;'>Total Komentar: <b style='color:red;'>$jumlah</b></z>"; ?> <form method="post" action="proses.php"> Nama:&nbsp; <input type="text" name="nama" style="width: 40%; "/><br /> Web:&nbsp;&nbsp; <input type="text" name="website" value="- none -" style="width: 40%; "/><br /> Pesan: <textarea name="pesan" style=" height: 36px; width: 40%; " ></textarea> <input type="submit" name="submit" value="kirim" style="float:right;"/><br /> </form>

Posted by Kurang Lebih on 17.17. pilihan , , , . Jika anda merasa penting pada artikel ini silahkan kirim dengan RSS 2.0. Tinggalkan sebuah komentar di kolom bawah ini