A-41
div class=clearnbsp;div div
-- end content-outer -- ?php
include footer.php; ?
27. Add Produk Process
?php include_once controllerprodukCtrl.php;
include_once controlleroptionProdukCtrl.php; nama_produk = isset_POST[nameprod] ? _POST[nameprod] : ;
harga_produk = isset_POST[hargaprod] ? _POST[hargaprod] : ; kategori_produk = isset_POST[kateprod] ? _POST[kateprod] : ;
keterangan_produk = isset_POST[ketprod] ? _POST[ketprod] : ; ukuran_produk = isset_POST[ukuranprod] ? _POST[ukuranprod] : ;
image_link_produk = isset_POST[linkImg] ? _POST[linkImg] : ; idProd = isset_POST[idprod] ? _POST[idprod] : ;
arrayOption = array; num = 1;
while true { if isset_POST[linkImg . num] {
modelOption = new vis_OptionProdukModel; modelOption-setHargaAddedisset_POST[addHarga . num] ? _POST[addHarga . num] : 0;
modelOption-setImgLink_POST[linkImg . num]; modelOption-setWarnaisset_POST[warna . num] ? _POST[warna . num] : ;
arrayOption[num - 1] = modelOption; num++;
} else { break;
} }
controller = new produkCtrl; controllerOpt = new optionProdukCtrl;
if idProd = { addProduk = controller-updateProdukidProd, nama_produk, harga_produk, kategori_produk,
ukuran_produk, keterangan_produk, image_link_produk; allOptionsByPRoduk = controllerOpt-getAllOptionsByPRodukidProd;
foreach allOptionsByPRoduk as value { controllerOpt-deleteOptionvalue-getOptionId;
} foreach arrayOption as value {
optionModel = new vis_OptionProdukModel; optionModel = value;
addOptionProduk = controllerOpt-addOptionProdukoptionModel-getHargaAdded, optionModel- getImgLink, idProd,optionModel-getWarna;
} } else {
addProduk = controller-addProduknama_produk, harga_produk, kategori_produk, ukuran_produk, keterangan_produk, image_link_produk;
foreach arrayOption as value { optionModel = new vis_OptionProdukModel;
optionModel = value; addOptionProduk = controllerOpt-addOptionProdukoptionModel-getHargaAdded, optionModel-
getImgLink, addProduk,optionModel-getWarna; }
} if addProduk = 0 {
echo Yes; } else {
echo No; }
?
28. Add User
DOCTYPE html PUBLIC -W3CDTD XHTML 1.0 StrictEN http:www.w3.orgTRxhtml1DTDxhtml1-strict.dtd
?php include_once controlleruserCtrl.php;
A-42
idUser = isset_GET[idUser] ? _GET[idUser] : ; controllerProd = new userCtrl;
userke; if idUser = {
userke = controllerProd-findUserByIdidUser; } else {
userke = new vis_UserModel; }
? html xmlns=http:www.w3.org1999xhtml
head meta http-equiv=Content-Type content=texthtml; charset=UTF-8
titleInternet Dreamstitle link rel=stylesheet href=cssscreen.css type=textcss media=screen title=default
--[if IE] link rel=stylesheet media=all type=textcss href=csspro_dropline_ie.css
[endif]-- -- jquery core --
script src=jsjqueryjquery-1.4.1.min.js type=textjavascriptscript script type=textjavascript src=jsjqueryjquery.validate.min.jsscript
script type=textjavascript src=jsjqueryjquery.form.jsscript -- checkbox styling script --
script src=jsjqueryui.core.js type=textjavascriptscript script src=jsjqueryui.checkbox.js type=textjavascriptscript
script src=jsjqueryjquery.bind.js type=textjavascriptscript script type=textjavascript
function{ input.checkBox;
toggle-all.clickfunction{ toggle-all.toggleClasstoggle-checked;
mainform input[type=checkbox].checkBoxtoggle; return false;
}; };
script [if IE 7]
-- styled select box script version 1 -- script src=jsjqueryjquery.selectbox-0.5.js type=textjavascriptscript
script type=textjavascript document.readyfunction {
.styledselect.selectbox{ inputClass: selectbox_styled }; };
script [endif]
-- styled select box script version 2 -- script src=jsjqueryjquery.selectbox-0.5_style_2.js type=textjavascriptscript
script type=textjavascript document.readyfunction {
.styledselect_form_1.selectbox{ inputClass: styledselect_form_1 }; .styledselect_form_2.selectbox{ inputClass: styledselect_form_2 };
}; script
-- styled select box script version 3 -- script src=jsjqueryjquery.selectbox-0.5_style_2.js type=textjavascriptscript
script type=textjavascript document.readyfunction {
.styledselect_pages.selectbox{ inputClass: styledselect_pages }; };
script -- styled file upload script --
script src=jsjqueryjquery.filestyle.js type=textjavascriptscript script type=textjavascript charset=utf-8
function { input.file_1.filestyle{
image: imagesformsupload_file.gif, imageheight : 29,
imagewidth : 78, width : 300
};
A-43
}; script
-- Custom jquery scripts -- script src=jsjquerycustom_jquery.js type=textjavascriptscript
-- Tooltips -- script src=jsjqueryjquery.tooltip.js type=textjavascriptscript
script src=jsjqueryjquery.dimensions.js type=textjavascriptscript script type=textjavascript
function { a.info-tooltip .tooltip{
track: true, delay: 0,
fixPNG: true, showURL: false,
showBody: - , top: -35,
left: 5 };
}; script
-- date picker script -- link rel=stylesheet href=cssdatePicker.css type=textcss
script src=jsjquerydate.js type=textjavascriptscript script src=jsjqueryjquery.datePicker.js type=textjavascriptscript
script type=textjavascript charset=utf-8 function
{ initialise the Select date link
date-pick .datePicker
associate the link with a date picker {
createButton:false, startDate:01011980,
endDate:31122012 }
.bind when the link is clicked display the date picker
click, function
{ updateSelectsthis.dpGetSelected[0];
this.dpDisplay; return false;
} .bind
when a date is selected update the SELECTs dateSelected,
functione, selectedDate, td, state {
updateSelectsselectedDate; }
.bind dpClosed,
functione, selected {
updateSelectsselected[0]; }
; var updateSelects = function selectedDate
{ var selectedDate = new DateselectedDate;
dd option[value= + selectedDate.getDate + ].attrselected, selected; mm option[value= + selectedDate.getMonth+1 + ].attrselected, selected;
tahun option[value= + selectedDate.getFullYear + ].attrselected, selected; }
listen for when the selects are changed and update the picker dd, mm, tahun
.bind
A-44
change, function
{ var d = new Date
tahun.val, m.val-1,
d.val ;
date-pick.dpSetSelectedd.asString; }
; default the position of the selects to today
?php if userke-getIdUser = null {
arrdate = explode-, userke-getTgLlAhIr; echo
var today = new Date; today.setFullYear . arrdate[0] . , . intvalarrdate[1] - 1 . , . arrdate[2] . ;
updateSelectstoday.getTime; ;
} else { echo
var today = new Date; updateSelectstoday.getTime;
; }
? and update the datePicker to reflect it...
d.triggerchange; };
script script type=textjavascript
document.readyfunction{ jQuery.extendjQuery.validator.messages, {
required: Harus Di isi., remote: Please fix this field.,
email: Anda memasukan email yang salah., url: Please enter a valid URL.,
date: Please enter a valid date., dateISO: Please enter a valid date ISO.,
number: Please enter a valid number., digits: Please enter only digits.,
creditcard: Please enter a valid credit card number., equalTo: Please enter the same value again.,
accept: Please enter a value with a valid extension., maxlength: jQuery.validator.formatPlease enter no more than {0} characters.,
minlength: jQuery.validator.formatPlease enter at least {0} characters., rangelength: jQuery.validator.formatPlease enter a value between {0} and {1} characters long.,
range: jQuery.validator.formatPlease enter a value between {0} and {1}., max: jQuery.validator.formatPlease enter a value less than or equal to {0}.,
min: jQuery.validator.formatPlease enter a value greater than or equal to {0}. };
myform.validate{ errorPlacement: functionerror, element {
error.appendTo element.parenttd.nexttd ; },debug: true,
rules: { namauser: required,
username: required, password1: required,
password2: { equalTo: password1
}, email: {
required: true, email: true
} },
A-45
submitHandler: functionform { do other stuff for a valid form
.postaddUserProcess.php, myform.serialize, functiondata { ifdata == Yes{
window.location = userManage.php; }else{
results.htmldata; }
}; }
}; };
script -- MUST BE THE LAST SCRIPT IN HEADHEADHEAD png fix --
script src=jsjqueryjquery.pngFix.pack.js type=textjavascriptscript script type=textjavascript
document.readyfunction{ document.pngFix ;
}; script
head body
-- Start: page-top-outer -- div id=page-top-outer
-- Start: page-top -- div id=page-top
-- start logo -- div id=logo
a href=img src=imagessharedlogo.png width=156 height=40 alt= a div
-- end logo -- -- start top-search --
div id=top-search table border=0 cellpadding=0 cellspacing=0
tr tdinput type=text value=Search onblur=if this.value== { this.value=Search; }
onfocus=if this.value==Search { this.value=; } class=top-search-inp td td
select class=styledselect option value=Alloption
option value=Productsoption option value=Categoriesoption
option value=Clientsoption option value=Newsoption
select td
td input type=image src=imagessharedtop_search_btn.gif
td tr
table div
-- end top-search -- div class=cleardiv
div -- End: page-top --
div -- End: page-top-outer --
div class=clearnbsp;div -- start nav-outer-repeat................................................................................................. START --
div class=nav-outer-repeat -- start nav-outer --
div class=nav-outer -- start nav-right --
div id=nav-right div class=nav-dividernbsp;div
a href=logoutProcess.php id=logoutimg src=imagessharednavnav_logout.gif width=64 height=14 alt= a
div class=clearnbsp;div
A-46
-- start account-content -- div class=account-content
div class=account-drop-inner a href= id=acc-settingsSettingsa
div class=clearnbsp;div div class=acc-linenbsp;div
a href= id=acc-detailsPersonal details a div class=clearnbsp;div
div class=acc-linenbsp;div a href= id=acc-projectProject detailsa
div class=clearnbsp;div div class=acc-linenbsp;div
a href= id=acc-inboxInboxa div class=clearnbsp;div
div class=acc-linenbsp;div a href= id=acc-statsStatisticsa
div div
-- end account-content -- div
-- end nav-right -- -- start nav --
div class=nav div class=table
ul class=selectlia href=main.phpbDashboardb--[if IE 7]--a-- [endif]--
--[if lte IE 6]tabletrtd[endif]-- --[if lte IE 6]tdtrtablea[endif]--
li ul
div class=nav-dividernbsp;div ul class=selectlia href=Produk.phpbProductsb--[if IE 7]--a--
[endif]-- --[if lte IE 6]tabletrtd[endif]--
div class=select_sub show ul class=sub
lia href=Produk.phpView all productsali lia href=addProduk.phpAdd productali
ul div
--[if lte IE 6]tdtrtablea[endif]-- li
ul div class=nav-dividernbsp;div
ul class=selectlia href=Category.phpbCategoriesb--[if IE 7]--a-- [endif]--
--[if lte IE 6]tabletrtd[endif]-- div class=select_sub
ul class=sub lia href=Category.phpCategories Detailsali
ul div
--[if lte IE 6]tdtrtablea[endif]-- li
ul div class=nav-dividernbsp;div
ul class=selectlia href=UserManage.phpbMemberb--[if IE 7]--a-- [endif]--
--[if lte IE 6]tabletrtd[endif]-- div class=select_sub
ul class=sub lia href=UserManage.phpUser Detailsali
lia href=addUser.phpAdd Userali ul
div --[if lte IE 6]tdtrtablea[endif]--
li ul
div class=nav-dividernbsp;div
A-47
ul class=selectlia href=listorder.phpbOrderb--[if IE 7]--a-- [endif]--
--[if lte IE 6]tabletrtd[endif]-- --[if lte IE 6]tdtrtablea[endif]--
li ul
div class=nav-dividernbsp;div ul class=selectlia href=CSsupport.phpbCS Supportb--[if IE 7]--a--
[endif]-- --[if lte IE 6]tabletrtd[endif]--
--[if lte IE 6]tdtrtablea[endif]-- li
ul div class=cleardiv
div div class=cleardiv
div -- start nav --
div div class=cleardiv
-- start nav-outer -- div
-- start nav-outer-repeat................................................... END -- div class=cleardiv
-- start content-outer -- div id=content-outer
-- start content -- div id=content
div id=page-headingh1Add userh1div table border=0 width=100 cellpadding=0 cellspacing=0 id=content-table
tr th rowspan=3 class=sizedimg src=imagessharedside_shadowleft.jpg width=20
height=300 alt= th th class=topleftth
td id=tbl-border-topnbsp;td th class=toprightth
th rowspan=3 class=sizedimg src=imagessharedside_shadowright.jpg width=20 height=300 alt= th
tr tr
td id=tbl-border-lefttd td
-- start content-table-inner -- div id=content-table-inner
table border=0 width=100 cellpadding=0 cellspacing=0 tr valign=top
td -- start step-holder --
div id=step-holder div class=step-no1div
div class=step-dark-lefta href=Tambah Useradiv div class=step-dark-rightnbsp;div
div class=step-no-off2div div class=step-light-leftSelect related productsdiv
div class=step-light-rightnbsp;div div class=step-no-off3div
div class=step-light-leftPreviewdiv div class=step-light-roundnbsp;div
div class=cleardiv div
-- end step-holder -- -- start id-form --
form name=myform id=myform action= method=POST table border=0 cellpadding=0 cellspacing=0 id=id-form
tr th valign=topNama User:th
tdinput type=text class=inp-form name=namauser id=namauser value=?php echo userke-getNaMauser; ?td
tdtd
A-48
tr tr
th valign=topUsername:th tdinput type=text class=inp-form name=username id=username
value=?php echo userke-getUserName; ?td td
td tr
tr th valign=topPassword:th
tdinput type=password class=inp-form name=password1 id=password1 value=?php echo userke-getPassword; ?td
td td
tr tr
th valign=topRe-Type Password:th tdinput type=password class=inp-form name=password2
id=password2 value=?php echo userke-getPassword; ?td td
td tr
tr th valign=topAlamat:th
tdinput type=text class=inp-form name=alamat id=alamat value=?php echo userke-getALamaT; ?td
td td
tr tr
th valign=topTanggal Lahir:th td class=noheight
table border=0 cellpadding=0 cellspacing=0 tr valign=top
td form id=chooseDateForm action=
select id=dd class=styledselect-day name=dd option value=ddoption
option value=11option option value=22option
option value=33option option value=44option
option value=55option option value=66option
option value=77option option value=88option
option value=99option option value=1010option
option value=1111option option value=1212option
option value=1313option option value=1414option
option value=1515option option value=1616option
option value=1717option option value=1818option
option value=1919option option value=2020option
option value=2121option option value=2222option
option value=2323option option value=2424option
option value=2525option option value=2626option
option value=2727option option value=2828option
option value=2929option option value=3030option
option value=3131option
A-49
select td
td select id=mm class=styledselect-month name=mm
option value=mmmoption option value=1Janoption
option value=2Feboption option value=3Maroption
option value=4Aproption option value=5Mayoption
option value=6Junoption option value=7Juloption
option value=8Augoption option value=9Sepoption
option value=10Octoption option value=11Novoption
option value=12Decoption select
td td
select id=tahun class=styledselect-year name=yy option value=yyyyoption
option value=19801980option option value=19811981option
option value=19821982option option value=19831983option
option value=19841984option option value=19851985option
option value=19861986option option value=19871987option
option value=19881988option option value=19891989option
option value=19901990option option value=19911991option
option value=19921992option option value=19931993option
option value=19941994option option value=19951995option
option value=19961996option option value=19971997option
option value=19981998option option value=19991999option
option value=20002000option option value=20012001option
option value=20022002option option value=20032003option
option value=20042004option option value=20052005option
option value=20062006option option value=20072007option
option value=20082008option option value=20092009option
option value=20102010option option value=20112011option
option value=20122012option select
form td
tda href= id=date-pickimg src=imagesformsicon_calendar.jpg alt= atd
tr table
td tdtd
tr tr
th valign=topRole:th td
select class=styledselect_form_1 name=role id=role
A-50
option value=adminAdminoption option value=member selected=trueMemberoption
select td
tdtd tr
tr th valign=topEmail:th
tdinput type=text class=inp-form id=email name=email value=?php echo userke-getEmail; ?td
tdtd tr
tr thnbsp;th
td valign=top input type=hidden value=?php echo userke-getIdUser; ?
name=idprod id=idprod input type=submit value= name=submit class=form-submit
input type=reset value= class=form-reset td
tdtd tr
table form
div id=results div
-- end id-form -- td
td -- start related-activities --
div id=related-activities -- start related-act-top --
div id=related-act-top img src=imagesformsheader_related_act.gif width=271 height=43
alt= div
-- end related-act-top -- -- start related-act-bottom --
div id=related-act-bottom -- start related-act-inner --
div id=related-act-inner div class=lefta href=img src=imagesformsicon_plus.gif
width=21 height=21 alt= adiv div class=right
h5Add another producth5 Lorem ipsum dolor sit amet consectetur
adipisicing elitsed do eiusmod tempor. ul class=greyarrow
lia href=Click here to visitali lia href=Click here to visita li
ul div
div class=cleardiv div class=lines-dotted-shortdiv
div class=lefta href=img src=imagesformsicon_minus.gif width=21 height=21 alt= adiv
div class=right h5Delete productsh5
Lorem ipsum dolor sit amet consectetur adipisicing elitsed do eiusmod tempor.
ul class=greyarrow lia href=Click here to visitali
lia href=Click here to visita li ul
div div class=cleardiv
div class=lines-dotted-shortdiv div class=lefta href=img src=imagesformsicon_edit.gif
width=21 height=21 alt= adiv
A-51
div class=right h5Edit categoriesh5
Lorem ipsum dolor sit amet consectetur adipisicing elitsed do eiusmod tempor.
ul class=greyarrow lia href=Click here to visitali
lia href=Click here to visita li ul
div div class=cleardiv
div -- end related-act-inner --
div class=cleardiv div
-- end related-act-bottom -- div
-- end related-activities -- td
tr tr
tdimg src=imagessharedblank.gif width=695 height=1 alt=blank td tdtd
tr table
div class=cleardiv div
-- end content-table-inner -- td
td id=tbl-border-righttd tr
tr th class=sized bottomleftth
td id=tbl-border-bottomnbsp;td th class=sized bottomrightth
tr table
div class=clearnbsp;div div
-- end content -- div class=clearnbsp;div
div -- end content-outer --
div class=clearnbsp;div -- start footer --
div id=footer -- start footer-left --
div id=footer-left Admin Skin copy; Copyright Internet Dreams Ltd. a href=www.netdreams.co.uka. All rights
reserved.div -- end footer-left --
div class=clearnbsp;div div
-- end footer -- body
html
29. User Process
Kategori