Lanjutan Halaman Buku Tamu

<td>

<script type="text/javascript" charset="utf-8">

var smiley_map = {};

function insert_smiley(smiley, field_id) {

var el = document.getElementById(field_id), newStart;

if ( ! el && smiley_map[field_id]) {

el =

if ('selectionStart' in el) {

newStart = el.selectionStart + smiley.length;

el.value = el.value.substr(0, el.selectionStart) +smiley + el.value.substr(el.selectionEnd, el.value.length);

el.setSelectionRange(newStart, newStart);}

else if (document.selection) {

document.selection.createRange().text = text;}

}</script>

<a href="javascript:void(0);" onClick="insert_smiley(':))', 'deskripsi')"><img src="emoticon/laughing.gif" width="18" height="18"

alt="Very Happy" style="border:0;" /></a></td><td><a href="javascript:void(0);" onClick="insert_smiley(':)]', 'deskripsi')"><img src="emoticon/rolling.gif" width="31" height="18"

alt="Busy right now" style="border:0;" /></a></td><td><a href="javascript:void(0);" onClick="insert_smiley(':)>', 'deskripsi')"><img src="emoticon/peace.gif" width="22" height="18"

alt="Paece" style="border:0;" /></a></td><td><a href="javascript:void(0);" onClick="insert_smiley(':)', 'deskripsi')"><img src="emoticon/happy.gif" width="18" height="18"

alt="Happy" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley(':D', 'deskripsi')"><img src="emoticon/love.gif" width="18" height="18"

alt="Big Smile" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley('=))', 'deskripsi')"><img src="emoticon/busynow.gif" width="30" height="18"

alt="Rolling on the flor laughing" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley(';)', 'deskripsi')"><img src="emoticon/winking.gif" width="18" height="18"

alt="Winking" style="border:0;" /></a></td></tr>

<tr>

<a href="javascript:void(0);" onClick="insert_smiley(':o', 'deskripsi')"><img src="emoticon/surprised.gif" width="18" height="18"

alt="Surprise" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley(':p', 'deskripsi')"><img src="emoticon/dontknow.gif" width="18" height="18"

alt="Tongue sticking out" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley(':((', 'deskripsi')"><img src="emoticon/crying.gif" width="22" height="18"

alt="Crying" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley(':/?', 'deskripsi')"><img src="emoticon/confused.gif" width="22" height="18"

alt="Confuse" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley('X(', 'deskripsi')"><img src="emoticon/angry.gif" width="34" height="18"

alt="Angry" style="border:0;" /></a></td><td>

Modul 5.6 Lanjutan Halaman Buku Tamu

<a href="javascript:void(0);" onClick="insert_smiley(':?', 'deskripsi')"><img src="emoticon/thinking.gif" width="18" height="18"

alt="Thinking" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley(':>', 'deskripsi')"><img src="emoticon/embarrassed.gif" width="18" height="18"

alt="Embrassed" style="border:0;" /></a></td></tr>

<tr>

<td>

<a href="javascript:void(0);" onClick="insert_smiley(':B', 'deskripsi')"><img src="emoticon/geek.gif" width="24" height="18"

alt="Geek" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley(':h', 'deskripsi')"><img src="emoticon/bye.gif" width="28" height="18"

alt="Bye" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley(':-*', 'deskripsi')"><img src="emoticon/kiss.gif" width="18" height="18"

alt="Kiss" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley(':-x', 'deskripsi')"><img src="emoticon/shameyou.gif" width="18" height="18"

alt="In Love" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley('>D<', 'deskripsi')"><img src="emoticon/big hug.gif" width="42" height="18"

alt="Big Hug" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley(':S', 'deskripsi')"><img src="emoticon/worried.gif" width="18" height="18"

alt="Worried" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley('B)', 'deskripsi')"><img src="emoticon/cool.gif" width="18" height="18"

alt="Cool" style="border:0;" /></a></td></tr>

<tr>

<td>

<a href="javascript:void(0);" onClick="insert_smiley('a)', 'deskripsi')"><img src="emoticon/alien.gif" width="18" height="18"

alt="Alien" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley('>/', 'deskripsi')"><img src="emoticon/bring it on.gif" width="23" height="18"

alt="Come closer" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley(':@', 'deskripsi')"><img src="emoticon/chatterbox.gif" width="36" height="18"

alt="Bla bla" style="border:0;" /></a></td><td><a href="javascript:void(0);" onClick="insert_smiley('D/', 'deskripsi')"><img src="emoticon/dancing.gif" width="26" height="18"

alt="Dancing" style="border:0;" /></a></td>

<td>

<a href="javascript:void(0);" onClick="insert_smiley(':-a',

'deskripsi')"><img src="emoticon/geek.gif" width="40" height="18"

alt="gaul" style="border:0;" /></a></td><td><a href="javascript:void(0);"

onClick="insert_smiley('d(', 'deskripsi')"><img src="emoticon/feeling beat up.gif" width="18" height="18" alt="Feeling beat up"

style="border:0;" /></a></td><td><a href="javascript:void(0);"

onClick="insert_smiley('$)', 'deskripsi')"><img src="emoticon/money.gif"

width="18" height="18" alt="Money" style="border:0;" /></a></td></tr>

<tr>

<td><a href="javascript:void(0);" onClick="insert_smiley('%)',

'deskripsi')"><img src="emoticon/not worthy.gif" width="32" height="18"

alt="You are the man" style="border:0;" /></a></td><td>

Modul 5.7 Lanjutan Halaman Buku Tamu

<a href="javascript:void(0);" onClick="insert_smiley('[o<',

'deskripsi')"><img src="emoticon/praying.gif" width="18" height="18"

alt="Praying" style="border:0;" /></a></td><td>

<a href="javascript:void(0);" onClick="insert_smiley('[-X',

'deskripsi')"><img src="emoticon/tongueout.gif" width="22" height="18"

alt="No, not good" style="border:0;"

/></a></td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></

tr>

</table> </tr><tr>

<td></td>

<td></td>

<td><p>&nbsp;&nbsp;<img src="capca.php?date=<?php echo date('YmdHis');?>"

alt="security image" />&nbsp;&nbsp;<font face="Arial" size="2"><a href="bukutamu.php"></a></font></p>

Ketikkan Captcha Diatas:

<p>&nbsp;&nbsp;<input type="text" name="pin" size="6"></p></td>

</tr>

<tr>

<td></td>

<td></td>

<td><input type="Submit" value="Tambah" name="submit" class="inbtn"

onClick="return cekordform();">

<input type="reset" value="Hapus" name="reset"></td>

</tr>

</table>

</form>

</div>

<div class="text">

<?php

$p = new buku_tamu;

$batas = 3;

$posisi = $p->cariPosisi($batas);

$query = @mysql_query ("select * from guestbook order by no desc limit

$posisi,$batas");

$jumlah = mysql_num_rows($query);

echo "<br><b>Jumlah record : $jumlah</b>";

//echo "<table border=\"1\">";

while ($row = @mysql_fetch_array ($query)){

$message = $row['deskripsi'];

$message = str_replace(":))", "<img src=\"emoticon/laughing.gif\">",

$message);

$message = str_replace(":)]", "<img src=\"emoticon/rolling.gif\">",

$message);

$message = str_replace(":)>", "<img src=\"emoticon/peace.gif\">",

$message);

$message = str_replace(":)", "<img src=\"emoticon/happy.gif\">",

$message);

$message = str_replace(":D", "<img src=\"emoticon/love.gif\">",

$message);

$message = str_replace("=))", "<img src=\"emoticon/busynow.gif\">",

$message);

$message = str_replace(";)", "<img src=\"emoticon/winking.gif\">",

$message);

$message = str_replace(":o", "<img src=\"emoticon/surprised.gif\">",

$message);

$message = str_replace(":p", "<img src=\"emoticon/dontknow.gif\">",

$message);

Modul 5.8 Lanjutan Halaman Buku Tamu

$message = str_replace(":((", "<img src=\"emoticon/crying.gif\">",

$message);

$message = str_replace(":/?", "<img src=\"emoticon/confused.gif\">",

$message);

$message = str_replace("X(", "<img src=\"emoticon/angry.gif\">",

$message);

$message = str_replace(":?", "<img src=\"emoticon/thinking.gif\">",

$message);

$message = str_replace(":>", "<img src=\"emoticon/embarrassed.gif\">",

$message);

$message = str_replace(":B", "<img src=\"emoticon/geek.gif\">",

$message);

$message = str_replace(":h", "<img src=\"emoticon/bye.gif\">", $message);

$message = str_replace(":-*", "<img src=\"emoticon/kiss.gif\">",

$message);

$message = str_replace(":-x", "<img src=\"emoticon/shameyou.gif\">",

$message);

$message = str_replace(">D<", "<img src=\"emoticon/big hug.gif\">",

$message);

$message = str_replace(":S", "<img src=\"emoticon/worried.gif\">",

$message);

$message = str_replace("B)", "<img src=\"emoticon/cool.gif\">",

$message);

$message = str_replace("a)", "<img src=\"emoticon/alien.gif\">",

$message);

$message = str_replace(">/", "<img src=\"emoticon/bring it on.gif\">",

$message);

$message = str_replace(":@", "<img src=\"emoticon/chatterbox.gif\">",

$message);

$message = str_replace("D/", "<img src=\"emoticon/dancing.gif\">",

$message);

$message = str_replace(":-a", "<img src=\"emoticon/geek.gif\">",

$message);

$message = str_replace("d(", "<img src=\"emoticon/feeling beat up.gif\">", $message);

$message = str_replace("$)", "<img src=\"emoticon/money.gif\">",

$message);

$message = str_replace("%)", "<img src=\"emoticon/not worthy.gif\">",

$message);

$message = str_replace("[o<", "<img src=\"emoticon/praying.gif\">",

$message);

$message = str_replace("[-X", "<img src=\"emoticon/tongueout.gif\">",

$message);

//echo "<align = \"left\">";

//echo "<br />";

echo "<pre>";

echo "Nama ";

echo ":";

echo $row["nama"];

echo "</pre>";

//echo "<br />";

echo "<pre>";

echo "E-Mail ";

echo ":";

echo $row["email"];

echo "</pre>";

Modul 5.9 Lanjutan Halaman Buku Tamu

//echo "<br />";

echo "<pre>";

echo "Website ";

echo ":";

echo $row["website"];

echo "</pre>";

//echo "<br />";

//echo "<pre>";

echo "Deskripsi";

echo ":";

echo $message;

//echo "</pre>";

echo "<br />";

echo "<tr>---</tr>";

}

?>

<br />

<?php

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM guestbook order by no desc"));

$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);

$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman);

echo "Hal: $linkHalaman";

?>

</div><br />

</div>

Modul 5.10 Lanjutan Halaman Buku Tamu

Gambar 5.3 Halaman Buku Tamu

5.7 Halaman Galeri

Halaman ini digunakan untuk menampilkan berita dan foto-foto yang berkaitan tentang kegiatan di Margo Laras. Dibawah ini merupakan kode program untuk halaman galeri.

<div class="title corner-left corner-right">Gallery</div>

<div class="isi">

<?php

include "config/koneksi.php";

$tampil=mysql_query("SELECT * FROM gallery WHERE id_gallery=$_GET[id]");

while ($r=mysql_fetch_array($tampil)){

$tgl_posting=tgl_indo($r[tanggal]);

echo "<div class=jud>$r[jdl_gallery]</div><br>

<span class=tulis>Tanggal &nbsp; &nbsp; &nbsp;&nbsp; :

<b><u>$tgl_posting</u></b><br>

<table align=center><tr><td><img src='foto_gallery/$r[gbr_gallery]' width=500 height=300/></td></tr></table>

<span class=tulis>Keterangan: <p><span class=isiisi>$r[keterangan]</span></p>";

echo "<td align=center>

<a href=javascript:history.go(-1)> [ Kembali ]</a>

</td><br><br>";

} ?>

</div>

Modul 5.11 Halaman Galeri

Gambar 5.4 Halaman Galeri

5.8 Halaman Aturan Pembayaran

Halaman aturan bayar digunakan untuk memudahkan pelanggan dalam melakukan transaksi serta tata cara pembayaran. Dibawah ini merupakan kode program untuk halaman galeri.

<div class="title corner-left corner-right">ATURAN PEMBAYARAN</div>

<div class="isi">

Terimakasih Telah mengunjungi situs e-commers kami, ini adalah syarat pembayaran dalam bertransaksi di situs ini : </font></p>

<ol>

<li><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Pilih barang yang akan di beli.</font></li>

<li><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Masukan biodata lengkap Anda.</font></li>

<li><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Periksa rincian barang yang akan dibeli. </font></li>

<li><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Lakukan pembayaran dengan transfer tunai ke nomor rekening kami.<br />

<b>BRI - 387501010793530 - an Dhimas Galing Sasongko </b><br />

MANDIRI - </font></li>

<li><font size="2" face="Verdana, Arial, Helvetica,

sans-serif">Scan bukti blanko bank, dan KTP, kemudian kirim ke alamat email kami. </font></li>

<li><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Barang akan kami antar sesuai dengan alamat Anda </font></li>

</ol>

</div>

Modul 5.12 Halaman Aturan Pembayaran

Gambar 5.5 Halaman Aturan Pembayaran

5.9 Halaman Login Admin

Halaman login admin digunakan untuk memasukkan kata kunci dan username pengelola sistem. Dibawah ini merupakan kode program untuk halaman login admin.

<html>

<head>

<title>:: Margo Laras ::</title>

<link href="../css/loginstyle.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="../css/style1.css">

<script language="JavaScript">

var txt="Selamat Datang di Margo Laras";

var kecepatan=500;var segarkan=null;function bergerak() { document.title=txt;

alert("Anda belum mengisikan User Admin");

form.TxtUser.focus();

return (false);

}

if (form.TxtPasswd.value == ""){

alert("Anda belum mengisikan User Password");

form.TxtPasswd.focus();

<div id="box_a">Selamat Datang Admin</div>

<div id="box_b">

<form name="login" method="POST" action="loginperiksa.php"

onSubmit="return validasi(this)">

<table>

<tr><td>Username</td><td>: </td> <td><input type="text" name="TxtUser"

maxlength="25" /></td></tr>

<tr><td>Password</td><td>:</td> <td><input type="password"

name="TxtPasswd" maxlength="25" /></td></tr>

<tr>

<td></td><td></td>

<td><input type=submit name="Submit" value=LOGIN /></td></tr>

</table>

Modul 5.13 Halaman Login Admin

Gambar 5.6 Halaman Login Admin

5.10 Halaman Manajemen Admin

Halaman manajemen admin berfungsi untuk mengelola data-data admin dengan menu yang berisi edit, tambah dan hapus. Dibawah ini merupakan kode program untuk halaman manajemen admin.

<h2>Manajemen Admin</h2>

<div class="post">

<p>

<?php

echo "<table width=\"100%\" class='table'>

<tr align='center'><th>No</th><th>Id_User</th><th>Nama Lengkap</th><th>Aksi</th></th></tr>";

$p = new user_tampil;

$batas = 5;

$posisi = $p->cariPosisi($batas);

$tampil=mysql_query("SELECT * FROM user WHERE level=1 ORDER BY id_user limit $posisi,$batas ");

$no=$posisi+1;

while ($r=mysql_fetch_array($tampil)){

echo "<tr><td align='center'>$no</td>

<td align='center'>$r[id_user]</td>

<td align='center'>$r[namalengkap]</td>

<td align='center'><a

Modul 5.14 Halaman Manajemen Admin

href=?data=admin/edit_user&id=$r[id_user]>Edit</a> |

<a href=?data=admin/hapus_user&id=$r[id_user] onClick=\"return confirm('Anda yakin menghapus data user

$r[namalengkap]?')\">Hapus</a></td>

</tr>";

$no++;

}

echo "<tr><td colspan=3>&nbsp;</td><td align='center'><a href='?data=admin/form_user'>Tambah</a></td></tr>";

echo "</table>";

?>

</p>

<?php

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM user where level=1"));

$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);

$linkHalaman = $p->navHalaman($_GET[halaman], $jmlhalaman);

echo "Hal: $linkHalaman";

?>

<p><a href=?data=cpanel> [ Kembali ]</a> </p>

</div>