Project UAS Web Sunda Online

Link Web : sundaonline.pe.hu

1. Tampilan Beranda

2. Tampilan Profil

3. Tampilan Produk(Semua Produk)

4. Keranjang Belanja

5. Tampilan Cara Pembelian

6. Hubungi Kami

7. Tampilan Menu Login

8. Tampilan Halaman Admin

9. Coding Style
Style.css

a.forgot_pass{

float:right;

color:#256c89;

text-decoration:none;

background:url(images/help.png) no-repeat left;

padding:0 0 0 18px;

display:block;

margin:15px 20px 0 0;

}

#main_container{

width:1100px;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

padding-top: 0px;

padding-right: 0;

padding-bottom: 0px;

padding-left: 0;

}

.header{

width:1100px;

height:100px;

}

.header_login{

width:600px;

margin:auto;

}

.logo{

float:left;

padding-top: 20px;

padding-right: 0;

padding-bottom: 0;

padding-left: 0;

}

#clock_a{

float:right;

padding:15px 0 0 0;

}

.jclock{

color:#FFFFFF;

float:right;

font-size:22px;

font-weight:bold;

padding:34px 25px 0 0;

}

.right_header{

width:450px;

float:right;

text-align:right;

color:#FFFFFF;

padding-top: 40px;

padding-right: 0;

padding-bottom: 0;

padding-left: 0;

}

.right_header a{

margin:0 5px 0 5px;

text-decoration:underline;

color:#FFFFFF;

}

.right_header a.messages{

background:url(images/comment.png) no-repeat right;

padding-right:20px;

}

.right_header a.logout{

background:url(images/user_logout.png) no-repeat right;

padding-right:20px;

}

.main_content{

width:1100px;

height:auto;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

padding-top: 0px;

padding-right: 0;

padding-bottom: 50px;

padding-left: 0;

background-color: #fff;

background-repeat: no-repeat;

background-position: center top;

}

.footer{

width:1100px;

height:87px;

background-repeat: no-repeat;

background-position: left top;

}

.footer_login{width:600px;margin:auto;}

.left_footer{float:left;padding:25px 0 0 10px;color:#a8549b;font-size:11px;}

.left_footer a{color:#FFFFFF;text-decoration:none;}

.right_footer{float:right;padding:25px 10px 0 0;}

.left_footer_login{float:left;padding:15px 0 0 10px;color:#a8549b;font-size:11px;}

.left_footer_login a{color:#FFFFFF;text-decoration:none;}

.right_footer_login{float:right;padding:15px 10px 0 0;}

/*---------------- menu----------------------*/

.menu {

font-size:11px;

float:left;

width:1080px;

padding-top: 0px;

padding-right: 10px;

padding-bottom: 0;

padding-left: 10px;

}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none; height:34px;}

/* style the sub-level lists */

.menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu ul li {float:left;height:34px;line-height:34px;}

/* style the sub level list items */

.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:11px;text-decoration:none;color:#fff;padding:0 21px 0 17px;}

.menu a.current{background:url(images/menu_bg.gif) repeat-x center;}

/* style the sub level links */

.menu ul ul a, .menu ul ul a:visited {display:block;background:#57c0e8; border-bottom:1px #81dafc solid; color:#fff;width:12em;height:100%;line-height:1em;padding:1em 1em;}

.menu ul table ul a, .menu ul table ul a:visited {width:14em; w\idth:12em;}

/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}

.menu ul ul table {lef\t:-1px;}

.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}

* html .menu a:hover {position:relative;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#57c0e8;}

/* style the fourth level background */

.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#57c0e8;}

/* style the sub level 1 background */

.menu ul :hover a.sub1 {background:url(images/arrow.gif) no-repeat right #309dc7;}

/* style the sub level 2 background */

.menu ul ul :hover a.sub2 {background:url(images/arrow.gif) no-repeat right #088bb4;}

/* style the level hovers */

/* first */

.menu a:hover {color:#fff;background:url(images/menu_bg.gif) repeat-x center;}

.menu :hover > a {color:#fff;background:url(images/menu_bg.gif) repeat-x center;}

/* second */

.menu ul ul a:hover{color:#fff;background:url(images/menu_bg_a.gif) repeat-x center;}

.menu ul ul :hover > a {color:#fff;background:url(images/menu_bg_a.gif) repeat-x center;}

/* third */

.menu ul ul ul a:hover {background:url(images/menu_bg_a.gif) repeat-x center;}

.menu ul ul ul :hover > a {background:url(images/menu_bg_a.gif) repeat-x center;}

/* fourth */

.menu ul ul ul ul a:hover {background:url(images/menu_bg_a.gif) repeat-x center;}

/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0;width:14em; z-index:999;}

/* position the third level flyout menu */

.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-14em;}

/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */

.menu ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */

.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

.center_content{

clear:both;

}

.left_content{

width:195px;

float:left;

padding:30px 0 0 20px;

}

.right_content{

width:830px;

float:left;

padding-top: 30px;

padding-right: 0;

padding-bottom: 0;

padding-left: 30px;

}

.sidebarmenu{

margin:0px 0;

padding:0;

width:195px;

color: #000000;

}

.sidebarmenu a.menuitem{

background:url(images/sidebar_menu_top.gif) no-repeat center top;

color: #000000;

display: block;

position: relative;

width:185px;

height:31px;

margin:0 0 5px 0;

line-height:31px;

padding:0px 0 0 10px;

text-decoration: none;

font-weight: bold;

}

.sidebarmenu a.menuitem_green{

background:url(images/green_bt.gif) no-repeat center top;

color: #FFFFFF;

display: block;

position: relative;

width:185px;

height:31px;

margin:0 0 5px 0;

line-height:31px;

padding:0px 0 0 10px;

text-decoration: none;

}

.sidebarmenu a.menuitem_red{

background:url(images/red_bt.gif) no-repeat center top;

color: #FFFFFF;

display: block;

position: relative;

width:185px;

height:31px;

margin:0 0 5px 0;

line-height:31px;

padding:0px 0 0 10px;

text-decoration: none;

}

.sidebarmenu a.menuitem:hover{background:url(images/sidebar_menu_top_a.gif) no-repeat center top;}

.sidebarmenu a.menuitem_green:hover{background:url(images/green_bt_a.gif) no-repeat center top;}

.sidebarmenu a.menuitem_red:hover{background:url(images/red_bt_a.gif) no-repeat center top;}

.sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{

color: white;

}

.sidebarmenu a.menuitem .statusicon{

position: absolute;

top:11px;

right:7px;

border: none;

}

.sidebarmenu div.submenu{

background: white;

}

.sidebarmenu div.submenu ul{

list-style-type: none;

margin: 0;

padding: 0 0 5px 0;

}

.sidebarmenu div.submenu ul li{

border-bottom: 1px dotted #bfd1d9;

}

.sidebarmenu div.submenu ul li a{

display: block;

color: black;

text-decoration: none;

padding:5px 0;

padding-left: 10px;

}

.sidebarmenu div.submenu ul li a:hover{

background: #e2f0ff;

color: #0e4354;

}

.sidebar_search{

background:url(images/sidebar_menu_top.gif) no-repeat center;

width:195px;

height:31px;

margin:0 0 5px 0;

}

input.search_input{

width:155px;

height:16px;

margin:5px 0 0 5px;

border:1px #bdebfd solid;

background:#92dbf8;

padding:4px 0 0 2px;

float:left;

color:#096184;

font-size:11px;

}

input.search_submit{

float:left;

background:none;

border:none;

margin:7px 0 0 8px;

}

#rounded-corner

{

width:100%;

border-collapse: collapse;

margin-top: 15px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

text-align: center;

}

#rounded-corner thead th.rounded-company

{

width:26px;

background-repeat: no-repeat;

background-position: left top;

background-color: #ccc;

}

#rounded-corner thead th.rounded-q4

{

background: #ccc url('../images/right.jpg') right top no-repeat;

}

#rounded-corner th

{

font-weight: bold;

font-size: 12px;

color: #000000;

text-transform: capitalize;

border-right-width: 2px;

border-right-style: solid;

border-right-color: #fff;

font-family: Arial, Helvetica, sans-serif;

padding-top: 10px;

padding-right: 5px;

padding-bottom: 10px;

padding-left: 5px;

background: url(../images/table_sorter_header.png) repeat-x;

text-align:LEFT;

}

#rounded-corner td

{

padding: 8px;

background: #F2F2F2;

border-top: 1px solid #fff;

color: #000000;

font-size: 12px;

text-align: left;

}

#rounded-corner tfoot td.rounded-foot-left

{text-align: center;

background: #fff url('images/botleft.jpg') left bottom no-repeat;

}

#rounded-corner tfoot td.rounded-foot-right

{

background: #fff url('images/botright.jpg') right bottom no-repeat;

}

#rounded-corner tbody tr:hover td

{

background: #fff;

}

.question {

position: absolute;

display: inline;

text-align: center;

width: 174px;

height: 78px;

font-size: 13px;

line-height: 1.5em;

background: url('images/bubble.png') left top no-repeat;

padding: 10px 0 0 0;

text-shadow: 0px 1px 0px #fff;

margin-left: -7em;

margin-top: -6em;

opacity: 0;

}

.yes{

margin-top: .5em;

margin-right: .5em;

cursor: pointer;

display: inline-block;

width: 63px;

height: 21px;

color: #434d17;

text-shadow: 0px 1px 0px #fff;

background: url('images/buttony.png') left top no-repeat;

}

.cancel {

margin-top: .5em;

margin-right: .5em;

cursor: pointer;

display: inline-block;

width: 63px;

height: 21px;

color: #fff;

text-shadow: 0px 1px 0px #000;

background: url('images/buttonn.png') left top no-repeat;

}

a.bt_green{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #8fa42b;}

a.bt_green strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_green_center.gif) repeat-x center;}

a.bt_green span.bt_green_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_left.gif) no-repeat center right;}

a.bt_green span.bt_green_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_r.gif) no-repeat center right;}

a:hover.bt_green{ text-decoration:underline;}

a.bt_blue{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #3597bf;}

a.bt_blue strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_blue_center.gif) repeat-x center;}

a.bt_blue span.bt_blue_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_left.gif) no-repeat center right;}

a.bt_blue span.bt_blue_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_r.gif) no-repeat center right;}

a:hover.bt_blue{ text-decoration:underline;}

a.bt_red{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #c24739;}

a.bt_red strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_red_center.gif) repeat-x center;}

a.bt_red span.bt_red_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_left.gif) no-repeat center right;}

a.bt_red span.bt_red_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_r.gif) no-repeat center right;}

a:hover.bt_red{ text-decoration:underline;}

.sidebar_box{

width:195px;

padding:15px 0 5px 0;

}

.sidebar_box_top{width:195px;height:8px;background:url(images/sidebar_box_top.gif) no-repeat center bottom;}

.sidebar_box_bottom{width:195px;height:8px;background:url(images/sidebar_box_bottom.gif) no-repeat center bottom;}

.sidebar_box_content{width:175px;height:auto;background-color:#ecf8fd; padding:0 10px 0 10px;}

.sidebar_box_content h3{ color:#49bae8; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}

.sidebar_box_content h4{ color:#f75744; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}

.sidebar_box_content h5{ color:#a4bf40; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}

.sidebar_box_content p{padding:5px 0 5px 0; margin:0px; clear:both; font-size:11px; text-align:left; line-height:17px;}

img.sidebar_icon_right{

float:right; padding:0 0 0 0;

}

.sidebar_box_content ul{

list-style:none;

padding:10px 0 10px 0;

margin:0px;

clear:both;

}

.sidebar_box_content ul li{

padding:5px 0 5px 10px;

background:url(images/list_bullet.gif) no-repeat left top;

background-position:0px 10px;

}

.warning_box{width:540px;clear:both;background:url(images/warning.png) no-repeat left #fcfae9;

border:1px #e9e6c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

.valid_box{width:540px;clear:both;background:url(images/valid.png) no-repeat left #edfce9;

border:1px #cceac4 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

.error_box{width:540px;clear:both;background:url(images/error.png) no-repeat left #fce9e9;

border:1px #eac7c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

/*--------------*/

div.pagination {

width:625px;

clear:both;

padding:10px 0 10px 0;

margin:0px;

text-align:center;

float:left;

clear:both;

font-size:11px;

}

div.pagination a {

padding: 2px 5px 2px 5px;

margin-right: 2px;

border: 1px solid #52bfea;

text-decoration: none;

color: #52bfea;

}

div.pagination a:hover, div.pagination a:active {

border:1px solid #52bfea;

color: #fff;

background-color: #52bfea;

}

div.pagination span.current {

padding: 2px 5px 2px 5px;

margin-right: 2px;

border: 1px solid #52bfea;

font-weight: bold;

background-color: #52bfea;

color: #FFF;

}

div.pagination span.disabled {

padding: 2px 5px 2px 5px;

margin-right: 2px;

border: 1px solid #f3f3f3;

color: #ccc;

}

a.button, input.button {

font-size: 11px !important;

text-decoration: none;

cursor: pointer;

display: inline-block;

position: relative;

font-weight: bold;

color: #ffffff;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);

-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);

box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);

background: #000000;

background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#6b6b6b));

background: -webkit-linear-gradient(#000000, #FFFFFF);

border: 1px solid #004f72;

padding-top: 0.4em;

padding-right: 0.6em;

padding-bottom: 0.4em;

padding-left: 0.6em;

}

a.button:hover, input.button:hover {

background: #3ba4c7;

background: -webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#000000));

background: -webkit-linear-gradient(#000000, #000000);

color: #FFFFFF;

}

a.button:active, input.button:active {

top: 1px;

background: #319abd;

background: -webkit-gradient(linear, left top, left bottom, from(#b6b6b6), to(#000000));

background: -webkit-linear-gradient(#b6b6b6, #000000);

-webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;

-moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;

box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;

}

#rounded-corner1

{

width:840px;

text-align: left;

border-collapse: collapse;

margin-top: 15px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

}

#rounded-corner1 a

{

width:840px;

text-align: left;

border-collapse: collapse;

margin-top: 15px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

color: #000000;

text-decoration: none;

}

#rounded-corner1 thead th.rounded-company

{

width:26px;

background-repeat: no-repeat;

background-position: left top;

background-color: #60c8f2;

}

#rounded-corner1 thead th.rounded-q4

{

background: #60c8f2 url('../images/right.jpg') right top no-repeat;

}

#rounded-corner1 th

{

font-weight: bold;

font-size: 12px;

color: #FFFFFF;

text-transform: capitalize;

border-right-width: 2px;

border-right-style: solid;

border-right-color: #ecf8fd;

font-family: Arial, Helvetica, sans-serif;

padding-top: 10px;

padding-right: 5px;

padding-bottom: 10px;

padding-left: 5px;

background-color: #000000;

}

#rounded-corner1 td

{

padding: 8px;

border-top: 1px solid #fff;

color: #000000;

font-size: 12px;

}

#rounded-corner1 tfoot td.rounded-foot-left

{

background: #ecf8fd url('images/botleft.jpg') left bottom no-repeat;

}

#rounded-corner1 tfoot td.rounded-foot-right

{

background: #ecf8fd url('images/botright.jpg') right bottom no-repeat;

}

#rounded-corner1 tbody tr:hover td

{

}

10. Coding Template

Isi.php

function validasi(form){

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

alert("Anda belum mengisikan Nama.");

form.nama.focus();

return (false);}

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

alert("Anda belum mengisikan Alamat.");

form.alamat.focus();

return (false); }

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

alert("Anda belum mengisikan Telpon.");

form.telpon.focus();

return (false);}

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

alert("Anda belum mengisikan Email.");

form.email.focus();

return (false);}

if (form.jasa.value == 0){

alert("Anda belum memilih jasa pengiriman barang.");

form.jasa.focus();

return (false);}

if (form.kota.value == 0){

alert("Anda belum mengisikan Kota.");

form.kota.focus();

return (false);}

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

alert("Anda belum mengisikan Kode.");

form.kode.focus();

return (false);}

return (true);}

function harusangka(jumlah){

var karakter = (jumlah.which) ? jumlah.which : event.keyCode

if (karakter > 31 && (karakter < 48 || karakter > 57))

return false;

return true;}

$(document).ready(function() {

$('#jasa').change(function() {

var category = $(this).val();

$.ajax({

type: 'GET',

url: 'config/kota.php',

data: 'perusahaan=' + category, // Untuk data di MySQL dengan menggunakan kata kunci tsb

dataType: 'html',

beforeSend: function() {

$('#kota').html('<tr><td colspan=2>Loading ....</td></tr>');

success: function(response) {

$('#kota').html(response);

}

});

</script>

<?php

// INTRODUKSI

if ($_GET[module]=='store'){

$profil = mysql_query("SELECT * FROM modul WHERE id_modul='56'");

$r = mysql_fetch_array($profil);

echo "<div class='profil2'>$r[static_content]<br /></div></div> ";

//=======================================================================================================

// PRODUK TERBARU

echo "<h4 class='heading colr'><br /> <br /><br />Produk Terbaru</h4><br />";

$sql=mysql_query("SELECT * FROM produk WHERE diskon='0' ORDER BY rand() DESC LIMIT 8");

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

include "diskon_stok.php";

echo "<div class='prod_box'>

<a href='produk-$r[id_produk]-$r[produk_seo].html'>$r[nama_produk]</a></div>

<img src='foto_produk/small_$r[gambar]' border='0' height=172 width=129

class='tooltip' title='klik untuk memperbesar gambar'></a></div>

$divharga

$tombol

<a href='produk-$r[id_produk]-$r[produk_seo].html' class='prod_details'>DETAIL</a>

</div></div>";}

//=======================================================================================================

// PRODUK DISKON

echo "<h4 class='heading colr'><br /> <br />Produk Diskon Terbaru</h4></div>";

$sql=mysql_query("SELECT * FROM produk WHERE diskon ORDER BY id_produk DESC LIMIT 4");

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

include "diskon_stok.php";

echo "<div class='prod_box'>

<div class='product_title'><a href='produk-$r[id_produk]-$r[produk_seo].html'>$r[nama_produk]</a></div>

<img src='foto_produk/small_$r[gambar]' border='0' height=172 width=129

class='tooltip' title='klik untuk memperbesar gambar'></a></div>

$divharga

$tombol

<a href='produk-$r[id_produk]-$r[produk_seo].html' class='prod_details'>DETAIL</a>

</div></div>";}}

//=======================================================================================================

// DETAIL PRODUK

elseif ($_GET[module]=='detailproduk'){

$detail=mysql_query("SELECT * FROM produk,kategori

WHERE kategori.id_kategori=produk.id_kategori AND id_produk='$_GET[id]'");

$r = mysql_fetch_array($detail);

include "diskon_stok2.php";

echo "<h4 class='heading colr'>Kategori: <a href='kategori-$r[id_kategori]-$r[kategori_seo].html'>

$r[nama_kategori]</a></h4></div>";

if ($d[gambar]!=''){

echo "<div class='prod_img3'>

<img src='foto_produk/$r[gambar]' width=200 class='tooltip'

title='klik untuk memperbesar gambar'/></a></div>";}

echo"<div class='product_information'><span><a name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php'>

Bagikan halaman ini</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>

</script></span><br/><br/>

<div class='product_status in_stock'><span>$r[nama_produk]</span></div>

<p class='description'>$r[deskripsi]</p>

$tombol

$divharga

</div> <div class='clear'></div>

</div><br /> ";

//=======================================================================================================

// REKOMENDASI PRODUK

$sql=mysql_query("SELECT * FROM produk ORDER BY rand() LIMIT 4");

echo "<h4 class='heading colr'>Rekomendasi Produk</h4></div>";

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

include "diskon_stok.php";

echo "<div class='prod_box'>

<a href='produk-$r[id_produk]-$r[produk_seo].html'>$r[nama_produk]</a></div>

<img src='foto_produk/small_$r[gambar]' border='0' height=172 width=129

class='tooltip' title='klik untuk memperbesar gambar'></a></div>

$divharga

$tombol

<a href='produk-$r[id_produk]-$r[produk_seo].html' class='prod_details'>DETAIL</a>

</div></div>";}}

//=======================================================================================================

// PRODUK PER KATEGORI

elseif ($_GET[module]=='detailkategori'){

$sq = mysql_query("SELECT nama_kategori from kategori where id_kategori='$_GET[id]'");

$n = mysql_fetch_array($sq);

echo "<h4 class='heading colr'>Kategori: <span class=jud_kategori>$n[nama_kategori]</h4></div>";

$p = new Paging3;

$batas = 16;

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

$sql = mysql_query("SELECT * FROM produk WHERE id_kategori='$_GET[id]' ORDER BY id_produk DESC LIMIT $posisi,$batas");

$jumlah = mysql_num_rows($sql);

if ($jumlah > 0){

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

include "diskon_stok.php";

echo "<div class='prod_box'>

<a href='produk-$r[id_produk]-$r[produk_seo].html'>$r[nama_produk]</a></div>

<img src='foto_produk/small_$r[gambar]' border='0' height=172 width=129

class='tooltip' title='klik untuk memperbesar gambar'></a></div>

$divharga

$tombol

<a href='produk-$r[id_produk]-$r[produk_seo].html' class='prod_details'>DETAIL</a>

</div></div>";}

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM produk WHERE id_kategori='$_GET[id]'"));

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

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

echo "<div class=halaman>Halaman : $linkHalaman </div><br>";}

else{

echo "<p align=left><span class='table7'>Belum ada produk pada kategori ini.</p>";}}

//=======================================================================================================

// Form komentar

echo "<br/><br /><b><h6>Isi Komentar :</h6><br/>

<tr><td><span class='isikoment3'>Website:</td><td><input type=text name='url' class='isikoment2' size=45></td></tr>

<tr><td valign=top><span class='isikoment3'>Komentar:</td><td><textarea name='isi_komentar'

class='isikoment2' style='width: 278px; height: 150px;'></textarea></td></tr>

<tr><td> </td><td><span class=isikomen>(masukkan 6 kode di atas)<br />

</td><td colspan=2><p style='padding-top:15px;padding-left:130px;'><input style=' width: 110px; height: 26px;'

type=submit class=button value='KIRIM PESAN'></td></tr></form></table><br /><br /><br />";

echo "</div></div>";}

//=======================================================================================================

// BLOG PERKATEGORI

elseif ($_GET['module']=='detailkategoriblog'){

echo "<div id='content'>

<div id='content-detail'>";

// Tampilkan nama kategoriblog

$sq = mysql_query("SELECT nama_kategoriblog from kategoriblog where id_kategoriblog='$_GET[id]'");

$n = mysql_fetch_array($sq);

echo "<h4 class='heading colr'>Kategori: <span class=jud_kategoriblogblog2>$n[nama_kategoriblog]</h4></div></span>";

$p = new Paging3;

$batas = 8;

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

// Tampilkan daftar blog sesuai dengan kategoriblog yang dipilih

$sql = "SELECT * FROM blog WHERE id_kategoriblog='$_GET[id]'

ORDER BY id_blog DESC LIMIT $posisi,$batas";

$hasil = mysql_query($sql);

$jumlah = mysql_num_rows($hasil);

// Apabila ditemukan blog dalam kategoriblog

if ($jumlah > 0){

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

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

echo "<table><tr><td><span class=tanggalberita2>

<img src=$f[folder]/images/ico-bullet-11.png> $r[hari], $tgl - $r[jam] WIB</span><br />";

echo "<h5><a href=blog-$r[id_blog]-$r[judul_seo].html><class style=\"color:#990000;\">$r[judul]</a></h5>";

// Apabila ada gambar dalam blog, tampilkan

if ($r['gambar']!=''){

echo "<span class=imageberita2><a href='foto_blog/$r[gambar]' rel='prettyPhoto[mainteasers]' title='$r[judul]'>

<img src='foto_blog/small_$r[gambar]' width=90 height=70 border=0

class='tooltip' title='klik untuk memperbesar gambar'></a></span>";}

// Tampilkan hanya sebagian isi blog

$isi_blog = htmlentities(strip_tags($r[isi_blog]));

$isi = substr($isi_blog,0,500);

$isi = substr($isi_blog,0,strrpos($isi," "));

echo "<div class=isiberita2>$isi ... <a href=blog-$r[id_blog]-$r[judul_seo].html>

<span class=lengkap2>[selengkapnya]  </a><br /></td></tr></table> <span class='garisberita2'></span></div>";}

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM blog WHERE id_kategoriblog='$_GET[id]'"));

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

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

echo " <span class=halaman>Hal: <span class=halaman2>$linkHalaman";

}

else{

echo " <h6>Belum ada berita pada kategori ini.</h6>";

}

echo "</div>

</div>";}

//=======================================================================================================

// SEMUA BLOG

elseif ($_GET['module']=='semuablog'){

echo "<h4 class='heading colr'>Ragam Info</h4></div>";

$p = new Paging8;

$batas = 10;

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

// Tampilkan semua blog

$sql=mysql_query("select count(komentar.id_komentar) as jml, judul, judul_seo, jam,

blog.id_blog, hari, tanggal, gambar, isi_blog from blog left join komentar

on blog.id_blog=komentar.id_blog and aktif='Y' group by blog.id_blog DESC LIMIT $posisi,$batas");

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

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

echo "<table><tr><td><span class=tanggalberita2>

<img src=$f[folder]/images/ico-bullet-11.png> $r[hari], $tgl - $r[jam] WIB</span><br />";

echo "<h5><a href=blog-$r[id_blog]-$r[judul_seo].html><class style=\"color:#990000;\">$r[judul]</a></h5>";

// Apabila ada gambar dalam blog, tampilkan

if ($r['gambar']!=''){

echo "<span class=imageberita2><a href='foto_blog/$r[gambar]' rel='prettyPhoto[mainteasers]' title='$r[judul]'>

<img src='foto_blog/small_$r[gambar]' width=90 height=70 border=0

class='tooltip' title='klik untuk memperbesar gambar'></a></span>";}

// Tampilkan hanya sebagian isi blog

$isi_blog = htmlentities(strip_tags($r[isi_blog]));

$isi = substr($isi_blog,0,500);

$isi = substr($isi_blog,0,strrpos($isi," "));

echo "<div class=isiberita2>$isi ... <a href=blog-$r[id_blog]-$r[judul_seo].html>

<span class=lengkap2>[selengkapnya]  </a><br /></td></tr></table> <span class='garisberita2'></span></div>";}

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM blog"));

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

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

echo "<div class='halaman'>Halaman : $linkHalaman </div>";

echo "</div></div>";}

//=======================================================================================================

// PROFIL KAMI

if ($_GET['module']=='profilkami'){

$profil = mysql_query("SELECT * FROM modul WHERE id_modul='43'");

$r = mysql_fetch_array($profil);

echo "<h4 class='heading colr'>Profil Kami</h4>

<div class='profil'>$r[static_content]</div>";}

//=======================================================================================================

// HASIL POLING

elseif ($_GET['module']=='hasilpoling'){

if (isset($_COOKIE["poling"])) {

echo "<p align=left><span class=testi>Maaf, anda sudah pernah melakukan pemilihan</p>";

echo "<p align=left><span class=testi>terhadap jajak pendapat ini.</p>";}

else{

// membuat cookie dengan nama poling

// cookie akan secara otomatis terhapus dalam waktu 24 jam

setcookie("poling", "sudah poling", time() + 3600 * 24);

echo "<h4 class='heading colr'>Hasil Polling</h4></div>";

$u=mysql_query("UPDATE poling SET rating=rating+1 WHERE id_poling='$_POST[pilihan]'");

echo "<p align=left><span class='pol1'>Terima kasih atas partisipasi anda mengikuti polling kami

<br /><br /> Hasil polling saat ini: </p><br />";

echo "<table width=100% style='border: 1pt dashed #CCC;padding: 10px;'>";

$jml=mysql_query("SELECT SUM(rating) as jml_vote FROM poling WHERE aktif='Y'");

$j=mysql_fetch_array($jml);

$jml_vote=$j[jml_vote];

$sql=mysql_query("SELECT * FROM poling WHERE aktif='Y' and status='Jawaban'");

while ($s=mysql_fetch_array($sql)){

$prosentase = sprintf("%2.1f",(($s[rating]/$jml_vote)*100));

$gbr_vote = $prosentase * 3;

echo "<tr><td width=200><span class='pol2'>$s[pilihan] ($s[rating]) </td><td>

<img src=$f[folder]/images/red.jpg width=$gbr_vote height=18 border=0> $prosentase %

</td></tr>";}

echo "</table>

<p><br/><span class='pol1'>Jumlah Pemilih: <span class='pol2'>$jml_vote</p>";}

echo "</div></div>";}

// HASIL POLING

elseif ($_GET['module']=='lihatpoling'){

echo "<h4 class='heading colr'>Hasil Polling</h4></div>";

echo "<p align=left><span class='pol1'>

Hasil polling saat ini: </p><br />";

echo "<table width=100% style='border: 1pt dashed #CCC;padding: 10px;'>";

$jml=mysql_query("SELECT SUM(rating) as jml_vote FROM poling WHERE aktif='Y'");

$j=mysql_fetch_array($jml);

$jml_vote=$j[jml_vote];

$sql=mysql_query("SELECT * FROM poling WHERE aktif='Y' and status='Jawaban'");

while ($s=mysql_fetch_array($sql)){

$prosentase = sprintf("%2.1f",(($s[rating]/$jml_vote)*100));

$gbr_vote = $prosentase * 3;

echo "<tr><td width=150><span class=pol2>$s[pilihan] ($s[rating]) </td><td>

<img src=$f[folder]/images/red.jpg width=$gbr_vote height=18 border=0> $prosentase %

</td></tr>";}

echo "</table>

<p><br/><span class='pol1'>Jumlah Pemilih: <span class='pol2'>$jml_vote</p>";

echo "</div></div>";}

//=======================================================================================================

// CARA PEMBELIAN

if ($_GET['module']=='carabeli'){

// Data cara pembelian mengacu pada id_modul=45

$cara = mysql_query("SELECT * FROM modul WHERE id_modul='45'");

$r = mysql_fetch_array($cara);

echo "<h4 class='heading colr'>Cara Pembelian</h4>

<div class='carabeli'><div>$r[static_content]</div>";}

//=======================================================================================================

// SEMUA PRODUK

elseif ($_GET[module]=='semuaproduk'){

echo "<h4 class='heading colr'>Semua Produk</h4>";

// Tentukan berapa data yang akan ditampilkan per halaman (paging)

$p = new Paging2;

$batas = 16;

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

// Tampilkan semua produk

$sql=mysql_query("SELECT * FROM produk ORDER BY id_produk DESC LIMIT $posisi,$batas");

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

include "diskon_stok.php";

echo "<div class='prod_box'>

<a href='produk-$r[id_produk]-$r[produk_seo].html'>$r[nama_produk]</a></div>

<img src='foto_produk/small_$r[gambar]' border='0' height=172 width=129

class='tooltip' title='klik untuk memperbesar gambar'></a></div>

$divharga

$tombol

<a href='produk-$r[id_produk]-$r[produk_seo].html' class='prod_details'>DETAIL</a>

</div></div>";}

$jmldata = mysql_num_rows(mysql_query("SELECT * FROM produk"));

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

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

echo "<div class='halaman'>Halaman : $linkHalaman </div>";}

//=======================================================================================================

// KERANJANG BELANJA

elseif ($_GET[module]=='keranjangbelanja'){

$sid = session_id();

$sql = mysql_query("SELECT * FROM orders_temp, produk

WHERE id_session='$sid' AND orders_temp.id_produk=produk.id_produk");

$ketemu=mysql_num_rows($sql);

if($ketemu < 1){

echo "<script>window.alert('Keranjang Belanja anda masih kosong. Silahkan Anda berbelanja terlebih dahulu.');

window.location=('index.php')</script>";

}

else{

echo "<h4 class='heading colr'>Keranjang Belanja</h4>

<th><span class='table'>Produk</th>

<th><span class='table'>Nama Produk</th>

<th><span class='table'>Berat(Kg)</th>

<th><span class='table'>Harga</th>

<th><span class='table'>Sub Total</th>

<th><span class='table'>Hapus</th></tr>";

$no=1;

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

$disc = ($r[diskon]/100)*$r[harga];

$hargadisc = number_format(($r[harga]-$disc),0,",",".");

$subtotal = ($r[harga]-$disc) * $r[jumlah];

$total = $total + $subtotal;

$subtotal_rp = number_format(($subtotal),0,",",".");

$total_rp = number_format(($total),0,",",".");

$harga = number_format(($r[harga]),0,",",".");

echo "<tr class='tab_bg2' align=center>

<td align=center><a href='produk-$r[id_produk]-$r[produk_seo].html'><a href='foto_produk/$r[gambar]'

rel='prettyPhoto[mainteasers]' title='$r[nama_produk]'><img width=80 class='imgcart' src=foto_produk/small_$r[gambar]

class='tooltip' title='klik untuk memperbesar gambar'></a></td>

<td><span class='table2'>$r[nama_produk]</td>

<td align=center><span class='table2'>$r[berat]</td>

<td><select name='jml[$no]' value=$r[jumlah] onChange='this.form.submit()'>";

for ($j=1;$j <= $r[stok];$j++){

if($j == $r[jumlah]){

echo "<option selected>$j</option>";}

else{

echo "<option>$j</option>";}}

echo"</select>

<td><span class='table2'>$hargadisc</td>

<td><span class='table2'>$subtotal_rp</td>

<img src=$f[folder]/images/kali.png border=0 title=Hapus></a></td></tr>";

$no++; }

echo "<tr><td colspan=6 align=right><span class='table3'><br/>Total Harga:  </td>

<td colspan=2><span class='table3'><br/>Rp. $total_rp,-</b></td></tr>

<tr><td colspan=2><br /><a href=javascript:history.go(-1)><input style='width: 135px; height: 26px;' type=submit

class= button value='LANJUTKAN BELANJA'></a><br /></td>

<td colspan=4 align=right><br /><a href=selesai-belanja.html><input style='width: 115px; height: 26px;' type=button

class=button value='SELESAI BELANJA'><br /></td></tr>

</tbody></table>";

echo "<br /><br /><span class='table2'>** Total harga di atas belum termasuk ongkos kirim yang akan dihitung saat <b>

Selesai Belanja</b><br /></div>";}}

//=======================================================================================================

// HUBUNGI KAMI

elseif ($_GET['module']=='hubungikami'){

echo "<h4 class='heading colr'>Hubungi Kami</h4>";

$alamat=mysql_query("SELECT * FROM mod_alamat ORDER BY id_alamat DESC");

while($b=mysql_fetch_array($alamat)){

echo "<br/><span class='table5'>$b[alamat]</span><br/>

src='http://maps.google.co.id/maps/ms?msa=0&msid=203381980094640223245.0004aea3b102f7a4b1e3b&ie=UTF8&t=m&vpsrc=1&ll=-6.264899,106.841472&spn=0,0&output=embed'></iframe><br /><small><a href='http://maps.google.co.id/maps/ms?msa=0&msid=203381980094640223245.0004aea3b102f7a4b1e3b&ie=UTF8&t=m&vpsrc=1&ll=-6.264899,106.841472&spn=0,0&source=embed' style='color:#990000;font-size:12px; text-align:left'>

[lihat peta lebih besar]</a></small><br/><br/><br/><br/>";}

echo "<div class='table5'><i>Untuk menghubungi secara online silahkan mengisi form di bawah ini</i>:<br/>

<tr><td><span class='isikoment3'>Email:</td><td><input type=text class='isikoment2' name=email size=45></td></tr>

<tr><td><span class='isikoment3'>Subjek:</td><td><input type=text class='isikoment2' name=subjek size=45></td></tr>

<tr><td valign=top><span class='isikoment3'>Pesan:</td><td><textarea class='isikoment2' name=pesan style='width: 278px;

height: 150px;'></textarea></td></tr>

<tr><td> </td><td><span class=isikomen>(masukkan 6 kode di atas)<br />

</td><td colspan=2><p style='padding-top:15px;padding-left:90px;'><input style=' width: 110px; height: 26px;'

type=submit class=button value='KIRIM PESAN'></td></tr></form></table><br />";

echo "</div></div>";}

// HUBUNGI KAMI (aksi)

elseif ($_GET['module']=='hubungiaksi'){

$nama=trim($_POST[nama]);

$email=trim($_POST[email]);

$subjek=trim($_POST[subjek]);

$pesan=trim($_POST[pesan]);

if (empty($nama)){

echo "<span class='table8'>Anda belum mengisikan NAMA<br />

<a href=javascript:history.go(-1)><b>Ulangi Lagi!</b>";}

elseif (empty($email)){

echo "<span class='table8'>Anda belum mengisikan EMAIL<br />

<a href=javascript:history.go(-1)><b>Ulangi Lagi!</b>";}

elseif (empty($subjek)){

echo "<span class='table8'>Anda belum mengisikan SUBJEK<br />

<a href=javascript:history.go(-1)><b>Ulangi Lagi!</b>";}

elseif (empty($pesan)){

echo "<span class='table8'>Anda belum mengisikan PESAN<br />

<a href=javascript:history.go(-1)><b>Ulangi Lagi!</b>";}

else{

if(!empty($_POST['kode'])){

if($_POST['kode']==$_SESSION['captcha_session']){

mysql_query("INSERT INTO hubungi(nama,

email,

subjek,

pesan,

tanggal)

VALUES('$_POST[nama]',

'$_POST[email]',

'$_POST[subjek]',

'$_POST[pesan]',

'$tgl_sekarang')");

echo "<h4 class='heading colr'>Hubungi Kami</h4></span><br />";

echo "<p><img src=$f[folder]/images/terimakasih.jpg border=0></p>";}

else{

echo "<span class='table8'>Kode yang Anda masukkan tidak cocok<br />

<a href=javascript:history.go(-1)><b>Ulangi Lagi</b></a>";}}

else{

echo "<span class='table8'>Anda belum memasukkan kode<br />

<a href=javascript:history.go(-1)><b>Ulangi Lagi</b></a>";}}

echo "</div> </div>";}

//=======================================================================================================

// HASIL PENCARIAN

elseif ($_GET['module']=='hasilcari'){

// menghilangkan spasi di kiri dan kanannya

$kata = trim($_POST['kata']);

// mencegah XSS

$kata = htmlentities(htmlspecialchars($kata), ENT_QUOTES);

// pisahkan kata per kalimat lalu hitung jumlah kata

$pisah_kata = explode(" ",$kata);

$jml_katakan = (integer)count($pisah_kata);

$jml_kata = $jml_katakan-1;

$cari = "SELECT * FROM produk WHERE " ;

for ($i=0; $i<=$jml_kata; $i++){

$cari .= "deskripsi LIKE '%$pisah_kata[$i]%' OR nama_produk LIKE '%$pisah_kata[$i]%'";

if ($i < $jml_kata ){

$cari .= " OR "; }}

$cari .= " ORDER BY id_produk DESC LIMIT 12";

$hasil = mysql_query($cari);

$ketemu = mysql_num_rows($hasil);

echo "<h4 class='heading colr'>Hasil Pencarian</h4>";

if ($ketemu > 0){

echo "<div class='profil'>Ditemukan <b>$ketemu</b> produk dengan kata <font style='background-color:#FFEFB0'>

<b>$kata</b></font> <b>:</b></div><br/><br/><br/>";

while($t=mysql_fetch_array($hasil)){

$isi_produk = htmlentities(strip_tags($t['deskripsi']));

$isi = substr($isi_produk,0,400);

$isi = substr($isi_produk,0,strrpos($isi," "));

echo "<div>

<a href=produk-$t[id_produk]-$t[produk_seo].html><h5>$t[nama_produk]</h5></a></span></div>

<img src='foto_produk/small_$t[gambar]' width=80 height=60 border=0

class='tooltip' title='klik untuk memperbesar gambar'></a></span>

<span class='lengkap2'>[selengkapnya]</a></div> <BR/><div class='main-spacer'> </div>";}}

else{

echo "<p><div class='profil'>Tidak ditemukan produk dengan kata <font style='background-color:#FFEFB0'><b>$kata</b></p>";}}

//=======================================================================================================

// SELESAI BELANJA

if ($_GET['module']=='selesaibelanja'){

$sid = session_id();

$sql = mysql_query("SELECT * FROM orders_temp, produk WHERE id_session='$sid' AND orders_temp.id_produk=produk.id_produk");

$ketemu=mysql_num_rows($sql);

if($ketemu < 1){

echo "<script> alert('Keranjang belanja masih kosong');window.location='index.php'</script>\n";

exit(0);}

else{

echo "<h4 class='heading colr'>Data Pembeli</h4>

<tr><td><span class='isikoment3'>Alamat Lengkap</td><td><input type=text name=alamat size=70 class='isikoment2'></td></tr>

<tr><td><span class='isikoment3'>Telpon/HP</td><td><input type=text name=telpon class='isikoment2'></td></tr>

<tr><td><span class='isikoment3'>Email</td><td><input type=text name=email class='isikoment2'></td></tr>

<tr><td valign=top><span class='table4'>Jasa Pengiriman</td><td>

<option value='0' selected>- Pilih Jenis Jasa Pengiriman -</option>";

$tampil=mysql_query("SELECT * FROM shop_pengiriman ORDER BY nama_perusahaan");

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

echo "<option value='$r[id_perusahaan]'>$r[nama_perusahaan]</option>";}

echo "</select></td></tr>

<tr><td><span class='table4'>Kota Tujuan</td><td><span id='kota'><select name='kota' id='kota' class='table5'>

<option value='0' selected>Tentukan Jenis Jasa Pengiriman Dahulu</option></select></span></td></tr>

<tr><td> </td><td><span class=isikomen3>(masukkan 6 kode di atas)<br />

</table><br/><br/>";

echo "<h4 class='heading colr'>Konfirmasi Keranjang Belanja Anda</h4>

<span class='table'>Nama Produk</th><th>

<span class='table'>Berat(Kg)</th>

<th><span class='table'>Harga</th>

<th><span class='table'>Sub Total</th></tr>";

$no=1;

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

//nampilkan diskon per produk

$disc = ($r[diskon]/100)*$r[harga];

$hargadisc = number_format(($r[harga]-$disc),0,",",".");

$subtotal = ($r[harga]-$disc) * $r[jumlah];

//akhir nampilkan diskon per produk

$total = $total + $subtotal;

$subtotal_rp = number_format(($subtotal),0,",",".");

$total_rp = number_format(($total),0,",",".");

$harga = number_format(($r['harga']),0,",",".");

$subtotalberat = $r['berat'] * $r['jumlah'];

$totalberat = $totalberat + $subtotalberat;

echo "<tr class='tab_bg2' align=center height=23><td><span class='table2'>$no</td>

<td><span class='table2'>$r[nama_produk]</td>

<td align=center><span class='table2'>$r[berat]</td>

<td align=center><span class='table2'>$r[jumlah]</td>

<td><span class='table2'>$harga</td>

<td><span class='table2'>$subtotal_rp</td></tr>";

$no++; }

echo "<tr><td colspan=2 align=right><span class='table3'><br/>Total Berat:</td>

<td align=center><br/><span class='table3'>$totalberat kg</b></td>

<td align=right colspan=2><br/><span class='table3'>Total Harga:</td>

<td align=center><br/><span class='table3'>Rp. $total_rp,-</td></tr>

</tbody></table></div>";

echo "<br/><table width=520><tr><td>

<span style='float : right;'><input style='width: 110px; height: 26px;' type=submit class= button value='PROSES ORDER'></span> </td></tr></table></div>";}}

//===========================================================================================================================

// SIMPAN TRANSAKSI

elseif ($_GET[module]=='simpantransaksi'){

$kar1=strstr($_POST[email], "@");

$kar2=strstr($_POST[email], ".");

if (empty($_POST[nama]) || empty($_POST[alamat]) || empty($_POST[telpon]) || empty($_POST[email]) || empty($_POST[kota])){

echo "<span class='table3'>Data yang Anda isikan belum lengkap.<br /><br />

<a href=javascript:history.go(-1)><input style='width: 100px; height: 25px;' type=submit

class= button value='ULANGI LAGI'></a>";}

elseif (!ereg("[a-z|A-Z]","$_POST[nama]")){

echo "<span class='table3'>Nama tidak boleh diisi dengan angka atau simbol.<br /><br />

<a href=javascript:history.go(-1)><input style='width: 100px; height: 25px;' type=submit

class= button value='ULANGI LAGI'></a>";}

elseif (strlen($kar1)==0 OR strlen($kar2)==0){

echo "<span class='table3'>Alamat email Anda tidak valid, mungkin kurang tanda titik (.) atau tanda @.<br /><br />

<a href=javascript:history.go(-1)><input style='width: 100px; height: 25px;' type=submit

class= button value='ULANGI LAGI'></a>";}

else{

// fungsi untuk mendapatkan isi keranjang belanja

function isi_keranjang(){

$isikeranjang = array();

$sid = session_id();

$sql = mysql_query("SELECT * FROM orders_temp WHERE id_session='$sid'");

while ($r=mysql_fetch_array($sql))

{$isikeranjang[] = $r;}

return $isikeranjang;}

$tgl_skrg = date("Ymd");

$jam_skrg = date("H:i:s");

if(!empty($_POST['kode'])){

if($_POST['kode']==$_SESSION['captcha_session']){

function antiinjection($data){

$filter_sql = mysql_real_escape_string(stripslashes(strip_tags(htmlspecialchars($data,ENT_QUOTES))));

return $filter_sql;}

$nama = antiinjection($_POST['nama']);

$alamat = antiinjection($_POST['alamat']);

$telpon = antiinjection($_POST['telpon']);

//=====================================================================================================

// PROSES TRANSAKSI SELESAI

// simpan data pemesanan

mysql_query("INSERT INTO orders(nama_kustomer, alamat, telpon, email, tgl_order, jam_order, id_kota)

VALUES('$_POST[nama]','$_POST[alamat]','$_POST[telpon]','$_POST[email]','$tgl_skrg','$jam_skrg','$_POST[kota]')");

// mendapatkan nomor orders

$id_orders=mysql_insert_id();

// panggil fungsi isi_keranjang dan hitung jumlah produk yang dipesan

$isikeranjang = isi_keranjang();

$jml = count($isikeranjang);

// simpan data detail pemesanan

for ($i = 0; $i < $jml; $i++){

mysql_query("INSERT INTO orders_detail(id_orders, id_produk, jumlah)

VALUES('$id_orders',{$isikeranjang[$i]['id_produk']}, {$isikeranjang[$i]['jumlah']})");}

// setelah data pemesanan tersimpan, hapus data pemesanan di tabel pemesanan sementara (orders_temp)

for ($i = 0; $i < $jml; $i++) {

mysql_query("DELETE FROM orders_temp WHERE id_orders_temp = {$isikeranjang[$i]['id_orders_temp']}");}

echo "<h4 class='heading colr'>Proses Transaksi Selesai</h4>";

echo "<div class='prod_box_big'>

<b><class style=\"color:#464646;font-size:14px;\">Data pemesan dan order anda adalah sebagai berikut:</b> <br /><br />

<table>

<tr><td><span class='pemesanan'>Alamat Lengkap </td><td> : <span class='pemesanan'>$_POST[alamat] </td></tr>

<tr><td><span class='pemesanan'>Telpon </td><td> : <span class='pemesanan'>$_POST[telpon] </td></tr>

<tr><td><span class='pemesanan'>E-mail </td><td> : <span class='pemesanan'>$_POST[email] </td></tr></table><br />

Nomor Order: <b> <span class='table6'>$id_orders</b><br /><br />";

$daftarproduk=mysql_query("SELECT * FROM orders_detail,produk

WHERE orders_detail.id_produk=produk.id_produk

AND id_orders='$id_orders'");

echo "<table width=640 border=0 cellpadding=0 cellspacing=1 align=center>

<th><span class='table'>Nama Produk</th>

<th><span class='table'>Berat(Kg)</th>

<span class='table'>Harga</th><th>

<span class='table'>Sub Total</th></tr>";

$pesan="Terimakasih telah melakukan pemesanan online di toko kami<br /><br />

Nama: $_POST[nama] <br />

Alamat: $_POST[alamat] <br/>

Telpon: $_POST[telpon] <br /><hr />

Nomor Order: $id_orders <br />

Data order Anda adalah sebagai berikut: <br /><br />";

$no=1;

while ($d=mysql_fetch_array($daftarproduk)){

$subtotalberat = $d[berat] * $d[jumlah];

$totalberat = $totalberat + $subtotalberat;

$disc = ($d[diskon]/100)*$d[harga];

$hargadisc = number_format(($d[harga]-$disc),0,",",".");

$subtotal = ($d[harga]-$disc) * $d[jumlah];

$total = $total + $subtotal;

$subtotal_rp = number_format(($subtotal),0,",",".");

$total_rp = number_format(($total),0,",",".");

$harga = number_format(($r['harga']),0,",",".");

echo "<tr background='$f[folder]/images/bg_tab2.jpg' align=center height=23><td>$no</td>

<td>$d[nama_produk]</td><td align=center>$d[berat]</td><td align=center>$d[jumlah]</td>

<td>Rp. $harga,-</td>

<td>Rp. $subtotal_rp,-</td></tr>";

$pesan.="$d[jumlah] $d[nama_produk] -> Rp. $harga -> Subtotal: Rp. $subtotal_rp <br />";

$no++;}

$ongkos=mysql_fetch_array(mysql_query("SELECT ongkos_kirim FROM kota WHERE id_kota='$_POST[kota]'"));

$ongkoskirim1=$ongkos[ongkos_kirim];

$ongkoskirim = $ongkoskirim1 * $totalberat;

$grandtotal = $total + $ongkoskirim;

$ongkoskirim_rp = number_format(($ongkoskirim),0,",",".");

$ongkoskirim1_rp = number_format(($$ongkoskirim1),0,",",".");

$grandtotal_rp = number_format(($grandtotal),0,",",".");

//=====================================================================================================

//HARUS DIRUBAH (setting email) *periksa pula modul>mod_order>order.php

$pesan.="Total : Rp. $total_rp,-

<br />Ongkos Kirim untuk Tujuan Kota Anda : Rp. $ongkoskirim1_rp/Kg

<br />Total Berat : $totalberat Kg

<br />Total Ongkos Kirim : Rp. $ongkoskirim_rp

<br />Grand Total : Rp. $grandtotal_rp,-

<br /><br />Silahkan lakukan pembayaran ke Bank Mandiri sebanyak Grand Total yang tercantum,

nomor rekeningnya <b>1260005244719</b> a.n. Niken Sulanjari";

$subjek="Pemesanan Sunda Online";

// Kirim email dalam format HTML

$dari = "From: rudinurcahyadi@gmail.com \n";

$dari .= "Content-type: text/html \r\n";

// Kirim email ke kustomer

mail($_POST[email],$subjek,$pesan,$dari);

// Kirim email ke pengelola toko online

mail("rudinurcahyadi@gmail.com ",$subjek,$pesan,$dari);

echo "<tr><td colspan=5 align=right>Total : Rp. </td><td align=right><b>$total_rp</b></td></tr>

<tr><td colspan=5 align=right>Ongkos Kirim untuk Tujuan Kota Anda: Rp. </td>

<td align=right><b>$ongkoskirim1_rp</b>/Kg</td></tr>

<tr><td colspan=5 align=right>Total Berat : </td><td align=right><b>$totalberat Kg</b></td></tr>

<tr><td colspan=5 align=right>Total Ongkos Kirim : Rp. </td><td align=right><b>$ongkoskirim_rp</b></td></tr>

<tr><td colspan=5 align=right>Grand Total : Rp. </td><td align=right><b>$grandtotal_rp</b></td></tr>

</table>";

echo "<br /><br /><p>• Data order dan nomor rekening transfer sudah terkirim ke email Anda. <br />

• Apabila Anda tidak melakukan pembayaran dalam 3 hari, maka data order Anda akan terhapus (transaksi batal)</p></div>"; }

else{

echo "<span class='table3'><b>Kode yang Anda masukkan tidak cocok!</b><br /><br />

<a href=javascript:history.go(-1)><input style='width: 110px; height: 22px;' type=submit

class= button value='ULANGI LAGI'></a>";}}

else{

echo "<span class='table3'><b>Anda belum memasukkan kode!</b><br /><br />

<a href=javascript:history.go(-1)><input style='width: 100px; height: 25px;' type=submit

class= button value='ULANGI LAGI'></a>";}}}

//=====================================================================================================

Template.php

<?php

error_reporting(0);

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<HEAD>

ddaccordion.init({

headerclass: "submenuheader",

contentclass: "submenu",

revealtype: "click",

mouseoverdelay: 200,

collapseprev: true,

defaultexpanded: [],

onemustopen: false,

animatedefault: false,

persiststate: true,

toggleclass: ["", ""],

togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />",

"<img src='images/minus.gif' class='statusicon' />"],

animatespeed: "slow",

oninit:function(headers, expandedindices){ },

onopenclose:function(header, index, state, isuseractivated){ }

})

</script>

$(document).ready(function(){

$.easy.tooltip();

});</script>

.style3 {

color: #66CC00;

font-weight: bold;}

.style4 {color: #FF3300}

</style>

</HEAD>

<body>

<?php

$logo=mysql_query("SELECT * FROM logo ORDER BY id_logo DESC LIMIT 1");

while($b=mysql_fetch_array($logo)){

echo "<a><img height=96 src='logo/$b[gambar]'/></a>";}

</div>

<ul><b><script src="<?php echo "$f[folder]/js/almanak.js" ?>" type="text/javascript"></script>

</b></ul></div>

</div><div class="clear"></div>

<?php

$main=mysql_query("SELECT * FROM mainmenu WHERE aktif='Y'");

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

echo "<li><a href='$r[link]'>$r[nama_menu]</a>

<ul>";

$sub=mysql_query("SELECT * FROM submenu, mainmenu

WHERE submenu.id_main=mainmenu.id_main AND submenu.id_main=$r[id_main]");

while($w=mysql_fetch_array($sub)){

echo " <li class='clear'><a href='$w[link_sub]'>$w[nama_sub]</a></li>";}

echo "</ul></li>";}

</ul>

</div></div>

<ul class="left"><li><p>anda berada di:</p></li></ul>

</div><div class="clear"></div>

<?php

$sekilas=mysql_query("SELECT * FROM sekilasinfo

WHERE aktif='Y' ORDER BY id_sekilas DESC LIMIT 1");

while($s=mysql_fetch_array($sekilas)){

echo "<div class='book-table'>

<?php

$header=mysql_query("SELECT * FROM header ORDER BY id_header DESC LIMIT 5");

while($b=mysql_fetch_array($header)){

echo "<a><img width=940 src='header/$b[gambar]'/></a>";}

</div>

<img src=<?php echo "$f[folder]/images/shadow.jpg" ?> width="940" height="26"/>

</div><div class="clear"></div>

<h5>Keranjang Belanja</h5>

</div><table width="81%" border="0" cellspacing="0" cellpadding="0">

<td width="73%"><img src=<?php echo "$f[folder]/images/beli.png" ?> width="50" height="45" /></td>

</tr></table></div>

<h5>Kategori Produk</h5></div>

<ul>

<?php

$kategori=mysql_query("select nama_kategori, kategori.id_kategori, kategori_seo,

count(produk.id_produk) as jml from kategori left join produk

on produk.id_kategori=kategori.id_kategori group by nama_kategori");

$no=1;

while($k=mysql_fetch_array($kategori)){

if(($no % 2)==0){

echo "<li><a href='kategori-$k[id_kategori]-$k[kategori_seo].html'> $k[nama_kategori]

<span class='jum'> ($k[jml])</a></li>";}

else{

echo "<li><a href='kategori-$k[id_kategori]-$k[kategori_seo].html'> $k[nama_kategori]

<span class='jum'> ($k[jml])</a></li>";}

$no++;}

</ul>

</div>

<h5>Cek Pengiriman Barang </h5></div>

<img src=<?php echo "$f[folder]/images/jne.jpg" ?> width="129" height="63" />

</form>

</div></div>

<h5>Layanan Pelanggan</h5></div>

<?php

$ym=mysql_query("select * from mod_ym order by id desc");

while($t=mysql_fetch_array($ym)){

echo "<span class='table2'>$t[nama]

<img src='http://opi.yahoo.com/online?u=$t[username]&m=g&t=1'

border='0' height='16' width='64'></a>";}

</div></div>

<h5>Bank Pembayaran</h5></div>

<?php

$bank=mysql_query("SELECT * FROM mod_bank ORDER BY nama_bank ASC");

while($b=mysql_fetch_array($bank)){

echo "<div class='bank'>$a[nama_bank]</div>

<div class='bank'>$b[nama_bank] No. Rek : $b[no_rekening]</div>

<div class='bank'>an. $b[pemilik]</div><br/>";}?>

</span></div></div>

</div><div class="clear"></div></div>

<h5>Kontak Kami</h5>

<ul>

<?php

$alamat=mysql_query("SELECT * FROM mod_alamat ORDER BY id_alamat DESC");

while($b=mysql_fetch_array($alamat)){

echo "<li>$b[alamat] </li>";}

</ul></div><div class="clear"></div>

document.write("<a href='http://twitter.com/home/?status=" + document.URL + "' target='_blank'><img src='<?php echo "$f[folder]/images/twitter_icon.gif" ?>' border='0'/></a>   <a href='http://www.facebook.com/share.php?u=" + document.URL + "' target='_blank'><img src='<?php echo "$f[folder]/images/facebook_icon.gif" ?>' border='0'/></a>");

</script></li>

<li>

<object

classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0"

id="sound"

width="21" height="21">

<embed

type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer"

name="sound"

width="21" height="21"

src="<?php echo "$f[folder]/images/sound.swf" ?>"

quality="high"

wmode="transparent"

swliveconnect="true"

allowscriptaccess="samedomain">

</noembed>

</embed>

</object>

</li>

</ul></div>

var $ = jQuery.noConflict();

$(document).ready(function(){

$('.boxslideshow').cycle({

timeout: 2000,

fx: 'fade',

pause: 0,

pauseOnPagerHover: 0

});

$(".ticker").jCarouselLite({

vertical: true,

hoverPause:true,

visible: 1,

auto:3000,

speed:2000,

btnNext: ".next_item",

btnPrev: ".prev_item"

});

$(".ticker2").jCarouselLite({

vertical: true,

hoverPause:true,

visible: 1,

auto:3500,

speed:3000,

btnNext: ".next_item2",

btnPrev: ".prev_item2"

});

</script>

jQuery.noConflict();

jQuery(document).ready(function(){

jQuery("#featured").scrollable({

vertical: true,

size: 1,

speed:800,

clickable: false,

loop:true,

keyboard: 'static',

onSeek: function(event, i) {

horizontal.scrollable(i).focus();}

}).autoscroll({autoplay: true}).navigator("#main_navi");

var horizontal =jQuery(".items").scrollable({size: 1}).circular().navigator(".navi");

horizontal.eq(0).scrollable().focus();

});

</script>

</body>

</html>

<?php

error_reporting(0);

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<HEAD>

ddaccordion.init({

headerclass: "submenuheader",

contentclass: "submenu",

revealtype: "click",

mouseoverdelay: 200,

collapseprev: true,

defaultexpanded: [],

onemustopen: false,

animatedefault: false,

persiststate: true,

toggleclass: ["", ""],

togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />",

"<img src='images/minus.gif' class='statusicon' />"],

animatespeed: "slow",

oninit:function(headers, expandedindices){ },

onopenclose:function(header, index, state, isuseractivated){ }

})

</script>

$(document).ready(function(){

$.easy.tooltip();

});</script>

.style3 {

color: #66CC00;

font-weight: bold;}

.style4 {color: #FF3300}

</style>

</HEAD>

<body>

<?php

$logo=mysql_query("SELECT * FROM logo ORDER BY id_logo DESC LIMIT 1");

while($b=mysql_fetch_array($logo)){

echo "<a><img height=96 src='logo/$b[gambar]'/></a>";}

</div>

<ul><b><script src="<?php echo "$f[folder]/js/almanak.js" ?>" type="text/javascript"></script>

</b></ul></div>

</div><div class="clear"></div>

<?php

$main=mysql_query("SELECT * FROM mainmenu WHERE aktif='Y'");

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

echo "<li><a href='$r[link]'>$r[nama_menu]</a>

<ul>";

$sub=mysql_query("SELECT * FROM submenu, mainmenu

WHERE submenu.id_main=mainmenu.id_main AND submenu.id_main=$r[id_main]");

while($w=mysql_fetch_array($sub)){

echo " <li class='clear'><a href='$w[link_sub]'>$w[nama_sub]</a></li>";}

echo "</ul></li>";}

</ul>

</div></div>

<ul class="left"><li><p>anda berada di:</p></li></ul>

</div><div class="clear"></div>

<?php

$sekilas=mysql_query("SELECT * FROM sekilasinfo

WHERE aktif='Y' ORDER BY id_sekilas DESC LIMIT 1");

while($s=mysql_fetch_array($sekilas)){

echo "<div class='book-table'>

<?php

$header=mysql_query("SELECT * FROM header ORDER BY id_header DESC LIMIT 5");

while($b=mysql_fetch_array($header)){

echo "<a><img width=940 src='header/$b[gambar]'/></a>";}

</div>

<img src=<?php echo "$f[folder]/images/shadow.jpg" ?> width="940" height="26"/>

</div><div class="clear"></div>

<h5>Keranjang Belanja</h5>

</div><table width="81%" border="0" cellspacing="0" cellpadding="0">

<td width="73%"><img src=<?php echo "$f[folder]/images/beli.png" ?> width="50" height="45" /></td>

</tr></table></div>

<h5>Kategori Produk</h5></div>

<ul>

<?php

$kategori=mysql_query("select nama_kategori, kategori.id_kategori, kategori_seo,

count(produk.id_produk) as jml from kategori left join produk

on produk.id_kategori=kategori.id_kategori group by nama_kategori");

$no=1;

while($k=mysql_fetch_array($kategori)){

if(($no % 2)==0){

echo "<li><a href='kategori-$k[id_kategori]-$k[kategori_seo].html'> $k[nama_kategori]

<span class='jum'> ($k[jml])</a></li>";}

else{

echo "<li><a href='kategori-$k[id_kategori]-$k[kategori_seo].html'> $k[nama_kategori]

<span class='jum'> ($k[jml])</a></li>";}

$no++;}

</ul>

</div>

<h5>Cek Pengiriman Barang </h5></div>

<img src=<?php echo "$f[folder]/images/jne.jpg" ?> width="129" height="63" />

</form>

</div></div>

<h5>Layanan Pelanggan</h5></div>

<?php

$ym=mysql_query("select * from mod_ym order by id desc");

while($t=mysql_fetch_array($ym)){

echo "<span class='table2'>$t[nama]

<img src='http://opi.yahoo.com/online?u=$t[username]&m=g&t=1'

border='0' height='16' width='64'></a>";}

</div></div>

<h5>Bank Pembayaran</h5></div>

<?php

$bank=mysql_query("SELECT * FROM mod_bank ORDER BY nama_bank ASC");

while($b=mysql_fetch_array($bank)){

echo "<div class='bank'>$a[nama_bank]</div>

<div class='bank'>$b[nama_bank] No. Rek : $b[no_rekening]</div>

<div class='bank'>an. $b[pemilik]</div><br/>";}?>

</span></div></div>

</div><div class="clear"></div></div>

<h5>Kontak Kami</h5>

<ul>

<?php

$alamat=mysql_query("SELECT * FROM mod_alamat ORDER BY id_alamat DESC");

while($b=mysql_fetch_array($alamat)){

echo "<li>$b[alamat] </li>";}

</ul></div><div class="clear"></div>

</script></li>

<li>

<object

classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0"

id="sound"

width="21" height="21">

<embed

type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer"

name="sound"

width="21" height="21"

src="<?php echo "$f[folder]/images/sound.swf" ?>"

quality="high"

wmode="transparent"

swliveconnect="true"

allowscriptaccess="samedomain">

</noembed>

</embed>

</object>

</li>

</ul></div>

var $ = jQuery.noConflict();

$(document).ready(function(){

$('.boxslideshow').cycle({

timeout: 2000,

fx: 'fade',

pause: 0,

pauseOnPagerHover: 0

});

$(".ticker").jCarouselLite({

vertical: true,

hoverPause:true,

visible: 1,

auto:3000,

speed:2000,

btnNext: ".next_item",

btnPrev: ".prev_item"

});

$(".ticker2").jCarouselLite({

vertical: true,

hoverPause:true,

visible: 1,

auto:3500,

speed:3000,

btnNext: ".next_item2",

btnPrev: ".prev_item2"

});

</script>

jQuery.noConflict();

jQuery(document).ready(function(){

jQuery("#featured").scrollable({

vertical: true,

size: 1,

speed:800,

clickable: false,

loop:true,

keyboard: 'static',

onSeek: function(event, i) {

horizontal.scrollable(i).focus();}

}).autoscroll({autoplay: true}).navigator("#main_navi");

var horizontal =jQuery(".items").scrollable({size: 1}).circular().navigator(".navi");

horizontal.eq(0).scrollable().focus();

});

</script>

</body>

</html>

Project UAS Web Sunda Online

0 Komentar untuk "Project UAS Web Sunda Online"

Arsip Blog