Cara Membuat Kotak Komentar dan Publikasi Komentarnya [cont’d]
Pada Part 1 sudah dibahas panjang lebar mengenai latar belakang dan mekanisme membuat kotak komentar. Poin pertama cara membuat kotak komentar pun sudah, yaitu: membuat database. Ok lanjut, jadi masi tersisa cara membuat kotak komentar pada file contoh.php dan 2 file php yang digunakan untuk berkomunikasi dengan database.Membuat Kotak Komentar pada File contoh.php
Pada part 1 sudah dibahas kalau file php1 untuk mengirimkan data ke database lalu kembali ke halaman awal (contoh.php). Biar lebih catchy mari kita ganti nama php1 menjadi submitcomment.php. Karena php2 untuk memanggil data dan menampilkannya, maka nama yang cocok untuk menggantikannya adalah publishcomment.php. Ok, belum saatnya membahas dua file itu terlalu jauh, sekarang mari kita perhatikan saja file contoh.php berikut ini.
<!DOCTYPE html>
<html>
<head>
<style>
#comment {
margin:20px 0 0 20px;
border: 2px solid #848484;
border-radius:20px;
-moz-border-radius:20px;
max-height: 90%;
font-weight: bold;
color: #606060;
padding: 10px;
width: 440px;
background-color: #dcdcdc;
}
#publishcomment {
border: 2px solid #848484;
box-shadow: 12px 12px 7px #888888;
margin: 30px 0 50px 20px;
padding: 10px;
max-height: 100%;
color: #3d3d3d;
width: 550px;
font-size: 12px;
line-height: 15px;
}
#publishcomment hr {
color: #ccc;
}
#publishcomment a {
color: #da5700;
text-decoration: none;
font-weight:normal;
}
#publishcomment a:link {
font-weight: bold;
}
#publishcomment a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div id="comment">
<form name="submitcomment" method="post" action="submitcomment.php">Nama:<br>
<input name="nama" type="text"><br>
Email(optional):<br><input name="email" type="text"><br>
Website(optional):<br><input name="website" type="text"><br>
Komentar:<br><textarea name="komentar" rows="6" cols="50"></textarea><br>
<input name="art_id" value="1" type="hidden">
<input name="art_url" value="contoh.php" type="hidden"><br>
<input name="tombol" value="Kirim" type="submit"></form></div>
<div id="publishcomment">
<?php include("publishcomment.php"); getcomment("1"); ?></div>
</body>
</html>
Sedikit penjelasan:
- Baris ke 4-42 merupakan CSS (internal style sheet) untuk tampilan kotak komentar dan lembar tampilan komentar.
- Baris ke 45 berisi perintah untuk mengirimkan data ke database (MySQL).
- Baris ke 44-52 (highlight) untuk menampilkan kotak komentar.
- Baris ke 53-54 untuk menampilkan komentar.
- Baris ke 54 berisi perintah untuk mengambil data pada database sesuai dengan id halaman (art_id). Art_id (baris 50 dan 54) kamu isi sendiri (saya misalkan = 1).
File contoh.php ini perlu copy ke notepad/notepad++ n di-save. Jika kamu menggunakan localhost, file contoh.php ini kudu disimpan di folder htdocs. Sedangkan, kalo kamu pake hosting, silakan simpan di document root folder masing-masing, biasanya sih folder public_html. :)
Database sudah. Contoh.php sudah. Sekarang tinggal submitcomment.php dan publishcomment.php.
Dilanjut di tulisan part 3 ya. :)
Cara Membuat Kotak Komentar [Part 3]
Semoga bermanfaat dan mohon maaf bila ada kekurangan.
0 komentar:
Posting Komentar