A-59
echo error: . error . ,\n; echo msg: . fileName . \n;
echo }; ?
39. Footer
div class=clearnbsp;div -- start footer --
div id=footer -- start footer-left --
div id=footer-left Illong Store copy; Copyright span id=spanYearspan a href=localhosta. All rights
reserved.div -- end footer-left --
div class=clearnbsp;div div
-- end footer -- body
html
40. Form
DOCTYPE html PUBLIC -W3CDTD XHTML 1.0 StrictEN http:www.w3.orgTRxhtml1DTDxhtml1-strict.dtd
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
-- 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
A-60
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 };
}; 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:01012005,
endDate:31122020 }
.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
A-61
{ updateSelectsselected[0];
} ;
var updateSelects = function selectedDate {
var selectedDate = new DateselectedDate; d option[value= + selectedDate.getDate + ].attrselected, selected;
m option[value= + selectedDate.getMonth+1 + ].attrselected, selected; y option[value= + selectedDate.getFullYear + ].attrselected, selected;
} listen for when the selects are changed and update the picker
d, m, y .bind
change, function
{ var d = new Date
y.val, m.val-1,
d.val ;
date-pick.dpSetSelectedd.asString; }
; default the position of the selects to today
var today = new Date; updateSelectstoday.getTime;
and update the datePicker to reflect it... d.triggerchange;
}; 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
A-62
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 div class=showhide-accountimg src=imagessharednavnav_myaccount.gif width=93
height=14 alt= div div class=nav-dividernbsp;div
a href= id=logoutimg src=imagessharednavnav_logout.gif width=64 height=14 alt= a
div class=clearnbsp;div -- 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=nogobDashboardb--[if IE 7]--a--[endif]-
- --[if lte IE 6]tabletrtd[endif]--
div class=select_sub ul class=sub
lia href=nogoDashboard Details 1ali lia href=nogoDashboard Details 2ali
lia href=nogoDashboard Details 3ali ul
div --[if lte IE 6]tdtrtablea[endif]--
li ul
div class=nav-dividernbsp;div ul class=currentlia href=nogobProductsb--[if IE 7]--a--[endif]--
--[if lte IE 6]tabletrtd[endif]-- div class=select_sub show
A-63
ul class=sub lia href=nogoView all productsali
li class=sub_showa href=nogoAdd productali lia href=nogoDelete productsali
ul div
--[if lte IE 6]tdtrtablea[endif]-- li
ul div class=nav-dividernbsp;div
ul class=selectlia href=nogobCategoriesb--[if IE 7]--a--[endif]- -
--[if lte IE 6]tabletrtd[endif]-- div class=select_sub
ul class=sub lia href=nogoCategories Details 1ali
lia href=nogoCategories Details 2ali lia href=nogoCategories Details 3ali
ul div
--[if lte IE 6]tdtrtablea[endif]-- li
ul div class=nav-dividernbsp;div
ul class=selectlia href=nogobClientsb--[if IE 7]--a--[endif]-- --[if lte IE 6]tabletrtd[endif]--
div class=select_sub ul class=sub
lia href=nogoClients Details 1ali lia href=nogoClients Details 2ali
lia href=nogoClients Details 3ali ul
div --[if lte IE 6]tdtrtablea[endif]--
li ul
div class=nav-dividernbsp;div ul class=selectlia href=nogobNewsb--[if IE 7]--a--[endif]--
--[if lte IE 6]tabletrtd[endif]-- div class=select_sub
ul class=sub lia href=nogoNews details 1ali
lia href=nogoNews details 2ali lia href=nogoNews details 3ali
ul div
--[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 producth1div 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
A-64
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=Add product detailsadiv
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 -- table border=0 cellpadding=0 cellspacing=0 id=id-form
tr th valign=topProduct name:th
tdinput type=text class=inp-form td tdtd
tr tr
th valign=topProduct name:th tdinput type=text class=inp-form-error td
td div class=error-leftdiv
div class=error-innerThis field is required.div td
tr tr
th valign=topCategory:th td
select class=styledselect_form_1 option value=Alloption
option value=Productsoption option value=Categoriesoption
option value=Clientsoption option value=Newsoption
select td
tdtd tr
tr th valign=topSub Category:th
td
select class=styledselect_form_1 option value=Alloption
option value=Productsoption option value=Categoriesoption
option value=Clientsoption option value=Newsoption
select td
tdtd tr
A-65
tr th valign=topPrice:th
tdinput type=text class=inp-form td tdtd
tr tr
th valign=topSelect a date:th td class=noheight
table border=0 cellpadding=0 cellspacing=0 tr valign=top
td form id=chooseDateForm action=
select id=d class=styledselect-day 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 select
td td
select id=m class=styledselect-month 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=y class=styledselect-year
option value=yyyyoption option value=20052005option
option value=20062006option
A-66
option value=20072007option option value=20082008option
option value=20092009option option value=20102010option
select form
td tda href= id=date-pickimg
src=imagesformsicon_calendar.jpg alt= atd tr
table td
tdtd tr
tr th valign=topDescription:th
tdtextarea rows= cols= class=form-textareatextareatd tdtd
tr tr
thImage 1:th tdinput type=file class=file_1 td
td div class=bubble-leftdiv
div class=bubble-innerJPEG, GIF 5MB max per imagediv div class=bubble-rightdiv
td tr
tr thImage 2:th
td input type=file class=file_1 td tddiv class=bubble-leftdiv
div class=bubble-innerJPEG, GIF 5MB max per imagediv div class=bubble-rightdivtd
tr tr
thImage 3:th tdinput type=file class=file_1 td
tddiv class=bubble-leftdiv div class=bubble-innerJPEG, GIF 5MB max per imagediv
div class=bubble-rightdivtd tr
tr thnbsp;th
td valign=top input type=button value= class=form-submit
input type=reset value= class=form-reset td
tdtd tr
table -- 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
A-67
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
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
A-68
-- 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
41. Header Admin