1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5
<title>Internet Dreams</title>
6
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />
8
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
12
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
14
<!-- checkbox styling script -->
15
<script src="js/jquery/ui.widget.js" type="text/javascript"></script>
16
<script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
17
<script type="text/javascript">
19
$('input').checkBox();
20
$('#toggle-all').click(function(){
21
$('#toggle-all').toggleClass('toggle-checked');
22
$('#mainform input[type=checkbox]').checkBox('toggle');
31
<!-- styled select box script version 1 -->
32
<script src="js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
33
<script type="text/javascript">
34
$(document).ready(function() {
35
$('.styledselect').selectbox({ inputClass: "selectbox_styled" });
43
<!-- styled select box script version 2 -->
44
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
45
<script type="text/javascript">
46
$(document).ready(function() {
47
$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
48
$('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
52
<!-- styled select box script version 3 -->
53
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
54
<script type="text/javascript">
55
$(document).ready(function() {
56
$('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
60
<!-- styled file upload script -->
61
<script src="js/jquery/jquery.filestyle.js" type="text/javascript"></script>
62
<script type="text/javascript" charset="utf-8">
64
$("input.file_1").filestyle({
65
image: "images/forms/upload_file.gif",
73
<!-- Custom jquery scripts -->
74
<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>
77
<script src="js/jquery/jquery.tooltip.js" type="text/javascript"></script>
78
<script src="js/jquery/jquery.dimensions.js" type="text/javascript"></script>
79
<script type="text/javascript">
81
$('a.info-tooltip ').tooltip({
93
<!-- date picker script -->
94
<link rel="stylesheet" href="css/datePicker.css" type="text/css" />
95
<script src="js/jquery/date.js" type="text/javascript"></script>
96
<script src="js/jquery/jquery.datePicker.js" type="text/javascript"></script>
97
<script type="text/javascript" charset="utf-8">
101
// initialise the "Select date" link
104
// associate the link with a date picker
107
startDate:'01/01/2005',
111
// when the link is clicked display the date picker
115
updateSelects($(this).dpGetSelected()[0]);
120
// when a date is selected update the SELECTs
122
function(e, selectedDate, $td, state)
124
updateSelects(selectedDate);
128
function(e, selected)
130
updateSelects(selected[0]);
134
var updateSelects = function (selectedDate)
136
var selectedDate = new Date(selectedDate);
137
$('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
138
$('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
139
$('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
141
// listen for when the selects are changed and update the picker
152
$('#date-pick').dpSetSelected(d.asString());
156
// default the position of the selects to today
157
var today = new Date();
158
updateSelects(today.getTime());
160
// and update the datePicker to reflect it...
161
$('#d').trigger('change');
165
<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
166
<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
167
<script type="text/javascript">
168
$(document).ready(function(){
169
$(document).pngFix( );
174
<!-- Start: page-top-outer -->
175
<div id="page-top-outer">
177
<!-- Start: page-top -->
182
<a href=""><img src="images/shared/logo.png" width="156" height="40" alt="" /></a>
186
<!-- start top-search -->
187
<div id="top-search">
188
<table border="0" cellpadding="0" cellspacing="0">
190
<td><input type="text" value="Search" onblur="if (this.value=='') { this.value='Search'; }" onfocus="if (this.value=='Search') { this.value=''; }" class="top-search-inp" /></td>
193
<select class="styledselect">
194
<option value="">All</option>
195
<option value="">Products</option>
196
<option value="">Categories</option>
197
<option value="">Clients</option>
198
<option value="">News</option>
203
<input type="image" src="images/shared/top_search_btn.gif" />
208
<!-- end top-search -->
209
<div class="clear"></div>
212
<!-- End: page-top -->
215
<!-- End: page-top-outer -->
217
<div class="clear"> </div>
219
<!-- start nav-outer-repeat................................................................................................. START -->
220
<div class="nav-outer-repeat">
221
<!-- start nav-outer -->
222
<div class="nav-outer">
224
<!-- start nav-right -->
227
<div class="nav-divider"> </div>
228
<div class="showhide-account"><img src="images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>
229
<div class="nav-divider"> </div>
230
<a href="" id="logout"><img src="images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>
231
<div class="clear"> </div>
233
<!-- start account-content -->
234
<div class="account-content">
235
<div class="account-drop-inner">
236
<a href="" id="acc-settings">Settings</a>
237
<div class="clear"> </div>
238
<div class="acc-line"> </div>
239
<a href="" id="acc-details">Personal details </a>
240
<div class="clear"> </div>
241
<div class="acc-line"> </div>
242
<a href="" id="acc-project">Project details</a>
243
<div class="clear"> </div>
244
<div class="acc-line"> </div>
245
<a href="" id="acc-inbox">Inbox</a>
246
<div class="clear"> </div>
247
<div class="acc-line"> </div>
248
<a href="" id="acc-stats">Statistics</a>
251
<!-- end account-content -->
254
<!-- end nav-right -->
261
<ul class="select"><li><a href="#nogo"><b>Dashboard</b><!--[if IE 7]><!--></a><!--<![endif]-->
262
<!--[if lte IE 6]><table><tr><td><![endif]-->
263
<div class="select_sub">
265
<li><a href="#nogo">Dashboard Details 1</a></li>
266
<li><a href="#nogo">Dashboard Details 2</a></li>
267
<li><a href="#nogo">Dashboard Details 3</a></li>
270
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
274
<div class="nav-divider"> </div>
276
<ul class="current"><li><a href="#nogo"><b>Products</b><!--[if IE 7]><!--></a><!--<![endif]-->
277
<!--[if lte IE 6]><table><tr><td><![endif]-->
278
<div class="select_sub show">
280
<li><a href="#nogo">View all products</a></li>
281
<li class="sub_show"><a href="#nogo">Add product</a></li>
282
<li><a href="#nogo">Delete products</a></li>
285
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
289
<div class="nav-divider"> </div>
291
<ul class="select"><li><a href="#nogo"><b>Categories</b><!--[if IE 7]><!--></a><!--<![endif]-->
292
<!--[if lte IE 6]><table><tr><td><![endif]-->
293
<div class="select_sub">
295
<li><a href="#nogo">Categories Details 1</a></li>
296
<li><a href="#nogo">Categories Details 2</a></li>
297
<li><a href="#nogo">Categories Details 3</a></li>
300
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
304
<div class="nav-divider"> </div>
306
<ul class="select"><li><a href="#nogo"><b>Clients</b><!--[if IE 7]><!--></a><!--<![endif]-->
307
<!--[if lte IE 6]><table><tr><td><![endif]-->
308
<div class="select_sub">
310
<li><a href="#nogo">Clients Details 1</a></li>
311
<li><a href="#nogo">Clients Details 2</a></li>
312
<li><a href="#nogo">Clients Details 3</a></li>
316
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
320
<div class="nav-divider"> </div>
322
<ul class="select"><li><a href="#nogo"><b>News</b><!--[if IE 7]><!--></a><!--<![endif]-->
323
<!--[if lte IE 6]><table><tr><td><![endif]-->
324
<div class="select_sub">
326
<li><a href="#nogo">News details 1</a></li>
327
<li><a href="#nogo">News details 2</a></li>
328
<li><a href="#nogo">News details 3</a></li>
331
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
335
<div class="clear"></div>
337
<div class="clear"></div>
342
<div class="clear"></div>
343
<!-- start nav-outer -->
345
<!-- start nav-outer-repeat................................................... END -->
347
<div class="clear"></div>
349
<!-- start content-outer -->
350
<div id="content-outer">
351
<!-- start content -->
355
<div id="page-heading"><h1>Add product</h1></div>
358
<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
360
<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
361
<th class="topleft"></th>
362
<td id="tbl-border-top"> </td>
363
<th class="topright"></th>
364
<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
367
<td id="tbl-border-left"></td>
369
<!-- start content-table-inner -->
370
<div id="content-table-inner">
372
<table border="0" width="100%" cellpadding="0" cellspacing="0">
377
<!-- start step-holder -->
378
<div id="step-holder">
379
<div class="step-no">1</div>
380
<div class="step-dark-left"><a href="">Add product details</a></div>
381
<div class="step-dark-right"> </div>
382
<div class="step-no-off">2</div>
383
<div class="step-light-left">Select related products</div>
384
<div class="step-light-right"> </div>
385
<div class="step-no-off">3</div>
386
<div class="step-light-left">Preview</div>
387
<div class="step-light-round"> </div>
388
<div class="clear"></div>
390
<!-- end step-holder -->
392
<!-- start id-form -->
393
<table border="0" cellpadding="0" cellspacing="0" id="id-form">
395
<th valign="top">Product name:</th>
396
<td><input type="text" class="inp-form" /></td>
400
<th valign="top">Product name:</th>
401
<td><input type="text" class="inp-form-error" /></td>
403
<div class="error-left"></div>
404
<div class="error-inner">This field is required.</div>
408
<th valign="top">Category:</th>
410
<select class="styledselect_form_1">
411
<option value="">All</option>
412
<option value="">Products</option>
413
<option value="">Categories</option>
414
<option value="">Clients</option>
415
<option value="">News</option>
421
<th valign="top">Sub Category:</th>
423
<select class="styledselect_form_1">
424
<option value="">All</option>
425
<option value="">Products</option>
426
<option value="">Categories</option>
427
<option value="">Clients</option>
428
<option value="">News</option>
434
<th valign="top">Price:</th>
435
<td><input type="text" class="inp-form" /></td>
439
<th valign="top">Select a date:</th>
440
<td class="noheight">
442
<table border="0" cellpadding="0" cellspacing="0">
445
<form id="chooseDateForm" action="#">
447
<select id="d" class="styledselect-day">
448
<option value="">dd</option>
449
<option value="1">1</option>
450
<option value="2">2</option>
451
<option value="3">3</option>
452
<option value="4">4</option>
453
<option value="5">5</option>
454
<option value="6">6</option>
455
<option value="7">7</option>
456
<option value="8">8</option>
457
<option value="9">9</option>
458
<option value="10">10</option>
459
<option value="11">11</option>
460
<option value="12">12</option>
461
<option value="13">13</option>
462
<option value="14">14</option>
463
<option value="15">15</option>
464
<option value="16">16</option>
465
<option value="17">17</option>
466
<option value="18">18</option>
467
<option value="19">19</option>
468
<option value="20">20</option>
469
<option value="21">21</option>
470
<option value="22">22</option>
471
<option value="23">23</option>
472
<option value="24">24</option>
473
<option value="25">25</option>
474
<option value="26">26</option>
475
<option value="27">27</option>
476
<option value="28">28</option>
477
<option value="29">29</option>
478
<option value="30">30</option>
479
<option value="31">31</option>
483
<select id="m" class="styledselect-month">
484
<option value="">mmm</option>
485
<option value="1">Jan</option>
486
<option value="2">Feb</option>
487
<option value="3">Mar</option>
488
<option value="4">Apr</option>
489
<option value="5">May</option>
490
<option value="6">Jun</option>
491
<option value="7">Jul</option>
492
<option value="8">Aug</option>
493
<option value="9">Sep</option>
494
<option value="10">Oct</option>
495
<option value="11">Nov</option>
496
<option value="12">Dec</option>
500
<select id="y" class="styledselect-year">
501
<option value="">yyyy</option>
502
<option value="2005">2005</option>
503
<option value="2006">2006</option>
504
<option value="2007">2007</option>
505
<option value="2008">2008</option>
506
<option value="2009">2009</option>
507
<option value="2010">2010</option>
511
<td><a href="" id="date-pick"><img src="images/forms/icon_calendar.jpg" alt="" /></a></td>
519
<th valign="top">Description:</th>
520
<td><textarea rows="" cols="" class="form-textarea"></textarea></td>
525
<td><input type="file" class="file_1" /></td>
527
<div class="bubble-left"></div>
528
<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
529
<div class="bubble-right"></div>
534
<td> <input type="file" class="file_1" /></td>
535
<td><div class="bubble-left"></div>
536
<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
537
<div class="bubble-right"></div></td>
541
<td><input type="file" class="file_1" /></td>
542
<td><div class="bubble-left"></div>
543
<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
544
<div class="bubble-right"></div></td>
549
<input type="button" value="" class="form-submit" />
550
<input type="reset" value="" class="form-reset" />
560
<!-- start related-activities -->
561
<div id="related-activities">
563
<!-- start related-act-top -->
564
<div id="related-act-top">
565
<img src="images/forms/header_related_act.gif" width="271" height="43" alt="" />
567
<!-- end related-act-top -->
569
<!-- start related-act-bottom -->
570
<div id="related-act-bottom">
572
<!-- start related-act-inner -->
573
<div id="related-act-inner">
575
<div class="left"><a href=""><img src="images/forms/icon_plus.gif" width="21" height="21" alt="" /></a></div>
577
<h5>Add another product</h5>
578
Lorem ipsum dolor sit amet consectetur
579
adipisicing elitsed do eiusmod tempor.
580
<ul class="greyarrow">
581
<li><a href="">Click here to visit</a></li>
582
<li><a href="">Click here to visit</a> </li>
586
<div class="clear"></div>
587
<div class="lines-dotted-short"></div>
589
<div class="left"><a href=""><img src="images/forms/icon_minus.gif" width="21" height="21" alt="" /></a></div>
591
<h5>Delete products</h5>
592
Lorem ipsum dolor sit amet consectetur
593
adipisicing elitsed do eiusmod tempor.
594
<ul class="greyarrow">
595
<li><a href="">Click here to visit</a></li>
596
<li><a href="">Click here to visit</a> </li>
600
<div class="clear"></div>
601
<div class="lines-dotted-short"></div>
603
<div class="left"><a href=""><img src="images/forms/icon_edit.gif" width="21" height="21" alt="" /></a></div>
605
<h5>Edit categories</h5>
606
Lorem ipsum dolor sit amet consectetur
607
adipisicing elitsed do eiusmod tempor.
608
<ul class="greyarrow">
609
<li><a href="">Click here to visit</a></li>
610
<li><a href="">Click here to visit</a> </li>
613
<div class="clear"></div>
616
<!-- end related-act-inner -->
617
<div class="clear"></div>
620
<!-- end related-act-bottom -->
623
<!-- end related-activities -->
628
<td><img src="images/shared/blank.gif" width="695" height="1" alt="blank" /></td>
633
<div class="clear"></div>
637
<!-- end content-table-inner -->
639
<td id="tbl-border-right"></td>
642
<th class="sized bottomleft"></th>
643
<td id="tbl-border-bottom"> </td>
644
<th class="sized bottomright"></th>
662
<div class="clear"> </div>
666
<div class="clear"> </div>
668
<!-- end content-outer -->
672
<div class="clear"> </div>
674
<!-- start footer -->
676
<!-- start footer-left -->
677
<div id="footer-left">
678
Admin Skin © Copyright Internet Dreams Ltd. <a href="">www.netdreams.co.uk</a>. All rights reserved.</div>
679
<!-- end footer-left -->
680
<div class="clear"> </div>
b'\\ No newline at end of file'