Appendix Perancangan Aplikasi ECommerce Toko Musik Online

LAMPIRAN LISTING PROGRAM WEBSITE

1. Halaman Home (index.php)





Toko Online Gundam











$(function() {

setInterval( "slideSwitch()", 4000 );
var aksi="home";
content_tengah(aksi);
$("#dialog").dialog({
autoOpen: false,
height: 330,
width: 500,
show: "blind",
hide: "explode",
modal: true});
});

function content_grab(id){
$("#tengah").load("konten.php?id="+id);
}

function _tamusave(){
var nama=$("#nama").val();
var email=$("#email").val();
var komentar=$("#komentar").val();

var query = "act=tamu&nama="+nama+"&email="+email+"&komentar="+komentar;
$.ajax({
type:"post",
url:"act.php",
data:query,
cache:false,
success: function(msg){
if(msg=="sukses"){
$("#tengah").load("tengah.php?get=tamusukses");
}else {
alert(msg);
}
}
});
}
function slideSwitch() {
var $active = $('#slideshow DIV.active');
if ( $active.length == 0 ) $active = $('#slideshow DIV:last');
var $next = $active.next().length ? $active.next()
: $('#slideshow DIV:first');

$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1100, function() {
$active.removeClass('active last-active');
});
}

function Pemesanan(){

var NoKTP=$("#NoKTP").val();
var Nama=$("#Nama").val();
var Alamat=$("#Alamat").val();
var Email=$("#Email").val();
var Telepon=$("#Telepon").val();
var NoPemesanan=$("#NoPemesanan").val();
var TTL=$("#TTL").val();
var Alamat=$("#Alamat").val();
var No=$("#No").val();
var JenisKelamin=$("#JenisKelamin").val();

var query =
"act=Pemesanan&NoKTP="+NoKTP+"&Nama="+Nama+"&Alamat="+Alamat+"&Email="+Email+"&Telepon
="+Telepon+"&JenisKelamin="+JenisKelamin+"&TTL="+TTL+"&Alamat="+Alamat+"&NoPemesanan="
+NoPemesanan+"&No="+No;
$.ajax({
type:"post",
url:"act.php",
data:query,
cache:false,
success: function(msg){
if(msg=="NoPemesanan"){
showAlert('.frmalert','NoPemesanan Belum Diisi',2000);
}else if(msg=="NoKTP"){
showAlert('.frmalert','NoKTP Belum Diisi',2000);
}else if(msg=="Nama"){
showAlert('.frmalert','Nama Belum Diisi',2000);
}else if(msg=="JenisKelamin"){
showAlert('.frmalert','Jenis Kelamin Belum Diisi',2000);
}else if(msg=="TTL"){
showAlert('.frmalert','Tempat Tanggal Lahir Belum Diisi',2000);

}else if(msg=="Alamat"){
showAlert('.frmalert','Alamat Belum Diisi',2000);
}else if(msg=="Telepon"){
showAlert('.frmalert','Telepon Belum Diisi',2000);
}else if(msg=="Email"){
showAlert('.frmalert','Email Belum Diisi',2000);
}else{
if(msg=="sukses"){
$("#tengah").load("tengah.php?get=konsumensukses&NoPemesanan="+NoPemesanan);
}else {
alert(msg);
}
}
}
});
}
function Pesan_Produk(KodeBarang,NoPemesanan){
var query="act=PesanProduk&NoPemesanan="+NoPemesanan+
"&KodeBarang="+KodeBarang;
$.ajax({

type:"post",
url:"act.php",
data:query,
cache:false,
success: function(msg){
if(msg=="DataAda"){
showAlert('.frmalert','Kode Produk Sudah Ada Belum Diisi',2000);
}else if(msg=="NoPemesanan"){
showAlert('.frmalert','NoPemesanan Belum Diisi',2000);
}else if(msg=="KodeBarang"){
showAlert('.frmalert','KodeBarang Belum Diisi',2000);
}else{
if(msg=="sukses"){
var
NoPemesanan=$('#NoPemesanan').val();

$("#tengah").load("tengah.php?get=konsumensukses&NoPemesanan="+NoPemesanan);
}else {
alert(msg);
}

}
}
});
}
function showAlert(obj,txt,tm){
$(obj).hide();
$(obj).html(''+txt+'');$(obj).show('slow');
setTimeout(function(){ $(obj).hide('slow');$(obj).html('');},tm);
}
function _funcdelete(IDPesan){
var query="act=deleteproduk&IDPesan="+IDPesan;
$.ajax({
type:"post",
url:"act.php",
data:query,
cache:false,
success: function(msg){
if(msg=="sukses"){
var NoPemesanan=$('#NoPemesanan').val();
$("#tengah").load("tengah.php?get=konsumensukses&NoPemesanan="+NoPemesanan);

}else{
alert("Delete Gagal");
}
}
});
}
function content_tengah(aksi){
$("#tengah").load("tengah.php?get="+aksi);
}
function PostPesan(form){
var NoPemesanan=$("#NoPemesanan").val();
var json = buildQuery(form);
$.ajax({
type: form.method,
url: form.action,
data: json,
cache: false
});
$("#tengah").show('slow');
var NoPemesanan=$('#NoPemesanan').val();

$("#tengah").load("tengah.php?get=cetakpemesanan&NoPemesanan="+NoPemesanan);
}
function content_detail_Jenis(id){
var aksi="det_Jenis";
$("#tengah").load("tengah.php?get="+aksi+"&id="+id);
}
function content_detail_barang(id){
var aksi="det_barang";
$("#tengah").load("tengah.php?get="+aksi+"&id="+id);
}
function content_detail_berita(id){
var aksi="det_berita";
$("#tengah").load("tengah.php?get="+aksi+"&id="+id);

}
function registrasi(id){
var aksi="registrasi";
$("#tengah").load("tengah.php?get="+aksi+"&id="+id);
}

function daftar_account(){
var account=$("#DaftarAccount").val();
if(account==""){
alert("type account belum dipilih...");
}else{
$("#tengah").load("tengah.php?get=daftar_account&account="+account);
}
}
function _prosescari(){
var KodeBagian=$("#KodeBagian").val();
var Tahun=$("#Tahun").val();
$("#tengah").load("tengah.php?get=info&kode="+KodeBagian+"&tahun="+Tahun);
}


#slideshow {
position:relative;
height:200px;
padding:0px;
margin-left:1px;

}
#slideshow DIV {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
height: 100px;
padding:0px;
margin:0px;
}
#slideshow DIV.active {
z-index:10;
opacity:1.0;
}
#slideshow DIV.last-active {
z-index:9;
}
#slideshow DIV IMG {
height: 200px;
width: 190px;
display: block;
border: 0;
margin-bottom: 0px;
}







Toko Pembelian Segala Jenis gundam
Terlengkap Dan terpercaya




Create By : Mhd. Ade Pratama




2. Halaman Produk (act.php)