Tampilan awal Tampilan Kode Program

87 Listing Program Keteranngan -- Products -- script type=textjavascript document.readyfunction{ document.title=HOME PT. AJP } ?php ob_start; session_start; include lib_func.php;? DOCTYPE html PUBLIC -W3CDTD XHTML 1.0 TransitionalEN http:www.w3.orgTRxhtml1DTDxhtml1- transitional.dtd html xmlns=http:www.w3.org1999xhtml link rel=SHORTCUT ICON href=imagesfavicon.png head meta http-equiv=Content-type content=texthtml; charset=utf-8 titleHOME | PT. AJPtitle link rel=stylesheet href=cssstyle.css type=textcss media=all link type=textcss rel=stylesheet href=styles.css --[if lte IE 6]link rel=stylesheet href=cssie6.css type=textcss media=all [endif]-- --meta name=keywords content=Shop Around - Great free html template for on-line shop. Use it as a start point for your on line business. The template can be easily implemented in many open source E- commerce platforms meta name=description content=Shop Around - Great free html template for on-line shop. Use it as a start point for your on line business. The template can be easily implemented in many open source E- commerce platforms -- JS -- script src=jsjquery-1.7.min.js type=textjavascriptscript script src=jsjquery.jcarousel.pack.js type=textjavascriptscript Tampilan Home 88 script src=jsjquery-func.js type=textjavascriptscript -- End JS -- ?php include cssanalitik.php; ? style lgn{ float:left; margin-left:20px; margin-right:20px; } lgn .title{ font-family:Verdana, Geneva, sans-serif; text-align:center; font-size:16px; font-weight:bold; margin-top:15px; width:260px; background:000; color:FFF; height:20px; padding-top:5px;} lgn .label{ font-size:13px; color:000; float:left; margin-right:10px; clear:both; width:70px; margin-top:10px; margin-left:8px;} lgn .isian{ width:150px; float:left; margin-top:10px; } lgn .tombol{ display: block; float: right; width: auto; height: auto; font-size: 11px; background: 313F54; color: FFFFFF; margin: 5px 23px 0 3px; padding: 2px 7px 3px 7px; border: 0; border-radius: 5px; 89 -moz-border-radius: 5px; -webkit-border-radius: 5px; width:80px; } lgn .tombol:hover { display: block; background: 09F; margin: 5px 23px 0 3px; padding: 2px 7px 3px 7px; border-radius: 5px; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:000; width:80px; } lgn .cacad{ float:left; clear:both; margin-left:10px;} .follow { margin-left:15px; margin-right:15px; margin-bottom:5px; margin-top:10px; float:left; -moz-box-shadow: 0px 0px 10px 000; -webkit-box-shadow: 0px 0px 3px 666; } style head body -- Shell -- div class=shell ?php include koneksi_db.php; include header.php; include navigation.php; link=koneksi_db; ? -- Main -- div id=main div class=clnbsp;div ?php 90 url =http:. _SERVER[HTTP_HOST] . dirname_SERVER[PHP_SELF] == ? : dirname_SERVER[PHP_SELF] .; email=batik.indhotmail.com; emailmd=md5email; echo a href= url.index.php?menu=lupapaslps=.emailmdu rl.index.php?menu=lupapaslps=.emailmd a; if_GET[menu]==beranda{? -- Content -- div id=content -- Content Slider -- div id=slider class=slide- wrap div id=slider-holder ul lia href=img src=cssimagesslide1.jpg alt= width=950px height=352pxali lia href=img src=cssimagesslide2.jpg alt= width=950px height=352pxali lia href=img src=cssimagesslide3.jpg alt= width=950px height=352pxali lia href=img src=cssimagesslide4.jpg alt= width=950px height=352pxali ul div div id=slider-nav a href= class=active1a a href=2a a href=3a a href=4a div div -- End Content Slider -- div id=gmbr img class=imagee src=imagesspeedy moisture tester.png img class=imagee 91 src=imagesabsorption.png img class=imagee src=imagescompression.png img class=imagee src=imagesgeneral.png div -- Products div class=kotak div class=cldiv ul li div ?php if isset_SESSION[sudahlogin] {? script type=textjavascript document.readyfunction{ lacak-resi.bindclick,function{ ifresi-code.val == { lacak-error.htmlmasukan nomor resi; } else { var jasa; var resi = document.tracking.resi.value; ifdocument.tracking.jasa[0].checked { jasa = http:www.posindonesia.co.idhomemodulesmod_sea rchtmpllibslacakk1121m4np05.php?barcode=+resi+ lacak=Lacak; } else { jasa = http:jne.co.idindex.php?mib=tracking.detailawb=+r esi+awb_list=+resi; } 92 window.openjasa; } }; }; script div id=track div class=judulkolomTracking Barangdiv form name=tracking action= method=get target=_blank input type=hidden name=Lacal value=lacak div class=labelbox div style=float:left; margin-top: 5px; margin-left: 80px; span style=color:FFF;input type=radio name=jasa value=pos checked=checked id=pos Posspannbsp;nbsp;nbsp;nbsp; span style=color:FFF;input type=radio name=jasa value=jne id=jne JNEspan div div style=clear:both; float:left; div style=margin-left:25px; color:FFF;Masukkan No Residiv div style=margin- left:25px;input type=text maxlength=15 name=resi id=resi-code class=trkdiv div input type=button id=lacak- resi value=Telusuri class=lck div id=lacak-error style=float:left; color:F00; margin-left:25px; clear:both;div div form div ?php }else{ ? div id=lgn div class=titleLogindiv 93 div class=labelEmaildiv form method=post action=login.php input type=text name=username class=isian div class=labelPassworddiv input type=password name=password class=isian input type=submit value=login class=tombol form span style=margin-left:5px; margin-top:10px; ?php ifisset_GET[gagal] _GET[gagal] == 1 { ? span style=margin- bottom:5px; font-size:11px; color:FF0000;Data Pelanggan Tidak Adaspan ?php } ifisset_GET[gagal] _GET[gagal] == 2 { ? span style=margin- bottom:5px; font-size:11px; color:FF0000;Data Pelanggan Belum Diaktifkanspan ?php } ifisset_GET[gagal] _GET[gagal] == 3 { ? span style=margin- bottom:5px; font-size:11px; color:FF0000;Masukan Data Dengan Lengkapspan ?php } ? span style=margin-bottom:5px; font-size:11px; color:FF0000; ?php isset_SESSION[kuduloginbeul] ; unset_SESSION[kuduloginbeul];?span spanbr div class=cacad 94 style=margin-top:10px;;belum punya akun?a href=registrasi.phpDaftaradivbr div class=cacadtidak bisa login?a href=lupapass.phpLupa Passwordadiv ?php } ? div li li div id=track div class=judulkolomAlamat Perusahaandiv div style= float:left;margin:10px; height:50px; width:285px div style=margin:0 0 0 13px; span style=font-size:16px; float:left; color:000;bPT ASIAJAKARTA PRIMAbbr Jalan Puspa Regency Blok A no 1 Batujajarbr Bandung span div div div li li div id=track div class=judulkolomHubungi Kamidiv div style= float:left;margin:10px; height:50px; width:285px div style=margin:0 0 0 13px; span style=font-size:16px; float:left; color:000;bTELP.b +62 22 5426804br bFAX.b +62 22 542 6803br Email : pt.asiajakartaprimayahoo.com 95 span div div div li ul div class=clnbsp;div div -- End Products -- div -- End Content -- ?php }else if_GET[menu]==profil{ include profil.php; }else if_GET[menu]==tokokami{ include tokokami.php; }else if_GET[menu]==kontak{ include kontak.php; }else if_GET[menu]==bantuan{ include bantuan.php; }else if_GET[menu]==carabelanja{ include carabelanja.php; }else if_GET[menu]==retur{ include retur.php; }else if_GET[menu]==syaratketentuan{ include syaratketentuan.php; }else if_GET[menu]==aktivasi{ include aktivasi.php; }else if_GET[menu]==diskon{ include diskon.php; }else if_GET[menu]==pembayaranberhasil{ include berhasil.php; }else if_GET[menu]==pembayarangagal{ include pembayarancancel.php; }else 96 if_GET[menu]==terbaru{ include terbaru.php; }else if_GET[menu]==lupapas{ include lupapassgantiproses.php; }else if_GET[menu]==visimisi{ include visimisi.php; } ? div class=clnbsp;div div -- End Main -- -- Side Full -- div class=side-full div -- End Side Full -- ?php include footer.php;? div -- End Shell -- body html

4.9.2 Tampilan Produk

Gambar 4.17 Struktur Tampilan Produk 97 Listing Program Keterannga n ?php link=koneksi_db; ? script type=textjavascript src=jsddaccordion.jsscript script type=textjavascript src=jsaccordion_menu.js script div class=glossymenu div class=title-menuKategori Produkdiv ?php sql=SELECT From kategori Where ditampilkan = 1 ; hasil=mysql_querysql,link; baris=mysql_num_rowshasil; ifbarishasil{ whiledata=mysql_fetch_arrayhasil{ ? a class=menuitem href=allproducts.php?menu=kategoriidkategori=?ph p echo data[id_kategori];? img src=imagesvalid.png width=16px ?php echo data[nama_kategori];?a ?php } } ? div class=title-menuProduk Terbarudiv a class=menuitem href=index.php?menu=terbaruBarang Terbarua --a class=menuitem href=Barang Terlarisa Tampilan Produk