b. Tampilan Admin Interface
DOCTYPE html PUBLIC -W3CDTD XHTML 1.0 TransitionalEN http:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd
html xmlns=http:www.w3.org1999xhtml head
meta http-equiv=Content-Type content=texthtml; charset=utf-8 titleAdmin No Face Clothingtitle
style type=textcss body {
margin:0px; padding:0px;
text-align:center; background-color:666;
} top {
text-align:center; margin:0px;
padding:0px; width:100;
height:200px; background-color:333;
border-bottom:1px solid 999; font-size:0px;
} title {
padding:0px; margin:125px auto 0px auto;
height:75px; width:600px;
Universitas Sumatera Utara
background-color:222; font-size: medium;
} form {
text-align:left; padding:0px;
margin:0px auto 0px auto; width:600px;
background-color:555; }
form form { margin:0px auto 0px auto;
padding:20px; border:none;
width:300px; }
password, username{ width:300px;
} style
head
body div id=topnbsp;
div id=titleAdmin Gaze.inc Waroeng Badjoe div
div div id=form
form method=post id=signin action=action.php?act=sign_in
Universitas Sumatera Utara
p label for=usernameUsernameEmaillabelbr
input name=username id=username value= tabindex=10 type=text maxlength=40 p
p label for=passwordPasswordlabelbr
input name=password id=password value= tabindex=20 type=password maxlength=40 p
table width=100 tr
td width=50labelinput type=checkbox value=rememberMe id=rememberMe Remember Melabeltd
td width=50 align=rightinput id=login value=Login tabindex=30 type=submittd tr
table form
div body
html POST NEWS
div id=contentTitlePOST NEWSdiv div id=ContentPostNews
form method=post id=postNews action= p
Titlebr input type=text name=titlePost id=titlePost tabindex=10 maxlength=32
p p
script type=textjavascript src=includetinyeditor.jsscript
Universitas Sumatera Utara
textarea name=contentPost id=contentPost style=width:400px; height:200pxtextarea script type=textjavascript
new TINY.editor.editeditor,{ id:contentPost,
width:584, height:175,
cssclass:te, controlclass:tecontrol,
rowclass:teheader, dividerclass:tedivider,
controls:[bold,italic,underline,strikethrough,|,subscript,superscript,|, orderedlist,unorderedlist,|,outdent,indent,|,leftalign,
centeralign,rightalign,blockjustify,|,unformat,|,undo,redo,n, font,size,style,|,hr,link,unlink,|],
footer:true, fonts:[Verdana,Arial,Georgia,Trebuchet MS],
xhtml:true, cssfile:style.css,
bodyid:editor, footerclass:tefooter,
toggle:{text:source,activetext:wysiwyg,cssclass:toggle}, resize:{cssclass:resize}
}; script
p p
Picturebr input id=picturePost type=file name=nama_file
Universitas Sumatera Utara
p p
input name=add type=submit value=Add p
form div
PEMESANAN div id=contentTitleEdit Invoice Informationdiv
div id=ContentPostNews script type=textjavascript src=..includejquery.min.jsscript
script type=textjavascript src=..includejquery.ketchup.jsscript script type=textjavascript src=..includejquery.ketchup.messages.jsscript
script type=textjavascript src=..includejquery.ketchup.validations.basic.jsscript script type=textjavascript
document.readyfunction { edit_bank1.ketchup;
}; script
script type=textjavascript document.readyfunction {
edit_bank2.ketchup; };
script script type=textjavascript
document.readyfunction { edit_phone.ketchup;
}; script
?php bank1 = myfetchSELECT FROM noface.invoice WHERE inv_id=1;?
Universitas Sumatera Utara
form action=action.php?act=edit_bank1 method=post name=edit_bank1 id=edit_bank1 table cellspacing=10
tr th scope=rowBank Nameth
tdinput name=name type=text class=validaterequired value=?php echo bank1[inv_bank_name]; ?td
tr tr
th scope=rowNo Rekth tdinput name=no_rek type=text class=validaterequired value=?php echo
bank1[inv_no_rekening]; ?td tr
tr th scope=rowAtas Namath
tdinput name=atas_nama type=text class=validaterequired value=?php echo bank1[inv_memo]; ?td
tr tr
th scope=rowCabangth tdinput name=cabang type=text class=validaterequired value=?php echo
bank1[inv_bank_branch]; ?td tr
tr th scope=rownbsp;th
tdinput name=update type=submit value=Updatetd tr
table formbrbr
?php bank2 = myfetchSELECT FROM noface.invoice WHERE inv_id=2;? form action=action.php?act=edit_bank2 method=post name=edit_bank2 id=edit_bank2
Universitas Sumatera Utara
table cellspacing=10 tr
th scope=rowBank Nameth tdinput name=name type=text class=validaterequired value=?php echo
bank2[inv_bank_name]; ?td tr
tr th scope=rowNo Rekth
tdinput name=no_rek type=text class=validaterequired value=?php echo bank2[inv_no_rekening]; ?td
tr tr
th scope=rowAtas Namath tdinput name=atas_nama type=text class=validaterequired value=?php echo
bank2[inv_memo]; ?td tr
tr th scope=rowCabangth
tdinput name=cabang type=text class=validaterequired value=?php echo bank2[inv_bank_branch]; ?td
tr tr
th scope=rownbsp;th tdinput name=update type=submit value=Updatetd
tr table
formbrbr
?php phone = myfetchSELECT FROM noface.invoice WHERE inv_id=3;? form action=action.php?act=edit_phone method=post name=edit_phone id=edit_phone
table cellspacing=10
Universitas Sumatera Utara
tr th scope=rowTelpth
tdinput name=phone type=text class=validaterequired value=?php echo phone[inv_phone]; ?td
tr tr
th scope=rowSMSth tdinput name=sms type=text class=validaterequired value=?php echo phone[inv_sms];
?td tr
tr th scope=rowE-mailth
tdinput name=email type=text class=validaterequired, email value=?php echo phone[inv_email]; ?td
tr tr
th scope=rownbsp;th tdinput name=update type=submit value=Updatetd
tr table
formbrbr div
Universitas Sumatera Utara
c. CSS