← Back to branch summary

~lss-team/lilsoftstats/trunk

« back to all changes in this revision

Viewing changes to table.html

  • Committer: Nick
  • Date: 2011-11-14 04:10:28 UTC
  • Revision ID: nick@little-apps.org-20111114041028-cvmpwq6z6hx3pkya
first commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
table.html
 
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">
 
3
<head>
 
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" />
 
7
<!--[if IE]>
 
8
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
 
9
<![endif]-->
 
10
 
 
11
 <!--  jquery core -->
 
12
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
 
13
</head>
 
14
<body> 
 
15
<!-- Start: page-top-outer -->
 
16
<div id="page-top-outer">    
 
17
 
 
18
<!-- Start: page-top -->
 
19
<div id="page-top">
 
20
 
 
21
        <!-- start logo -->
 
22
        <div id="logo">
 
23
        <a href=""><img src="images/shared/logo.png" width="156" height="40" alt="" /></a>
 
24
        </div>
 
25
        <!-- end logo -->
 
26
        
 
27
        <!--  start top-search -->
 
28
        <div id="top-search">
 
29
                <table border="0" cellpadding="0" cellspacing="0">
 
30
                <tr>
 
31
                <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>
 
32
                <td>
 
33
                <select  class="styledselect">
 
34
                        <option value=""> All</option>
 
35
                        <option value=""> Products</option>
 
36
                        <option value=""> Categories</option>
 
37
                        <option value="">Clients</option>
 
38
                        <option value="">News</option>
 
39
                </select> 
 
40
                </td>
 
41
                <td>
 
42
                <input type="image" src="images/shared/top_search_btn.gif"  />
 
43
                </td>
 
44
                </tr>
 
45
                </table>
 
46
        </div>
 
47
        <!--  end top-search -->
 
48
        <div class="clear"></div>
 
49
 
 
50
</div>
 
51
<!-- End: page-top -->
 
52
 
 
53
</div>
 
54
<!-- End: page-top-outer -->
 
55
        
 
56
<div class="clear">&nbsp;</div>
 
57
 
 
58
<!--  start nav-outer-repeat................................................................................................. START -->
 
59
<div class="nav-outer-repeat"> 
 
60
<!--  start nav-outer -->
 
61
<div class="nav-outer"> 
 
62
 
 
63
                <!-- start nav-right -->
 
64
                <div id="nav-right">
 
65
                
 
66
                        <div class="nav-divider">&nbsp;</div>
 
67
                        <div class="showhide-account"><img src="images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>
 
68
                        <div class="nav-divider">&nbsp;</div>
 
69
                        <a href="" id="logout"><img src="images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>
 
70
                        <div class="clear">&nbsp;</div>
 
71
                
 
72
                        <!--  start account-content --> 
 
73
                        <div class="account-content">
 
74
                        <div class="account-drop-inner">
 
75
                                <a href="" id="acc-settings">Settings</a>
 
76
                                <div class="clear">&nbsp;</div>
 
77
                                <div class="acc-line">&nbsp;</div>
 
78
                                <a href="" id="acc-details">Personal details </a>
 
79
                                <div class="clear">&nbsp;</div>
 
80
                                <div class="acc-line">&nbsp;</div>
 
81
                                <a href="" id="acc-project">Project details</a>
 
82
                                <div class="clear">&nbsp;</div>
 
83
                                <div class="acc-line">&nbsp;</div>
 
84
                                <a href="" id="acc-inbox">Inbox</a>
 
85
                                <div class="clear">&nbsp;</div>
 
86
                                <div class="acc-line">&nbsp;</div>
 
87
                                <a href="" id="acc-stats">Statistics</a> 
 
88
                        </div>
 
89
                        </div>
 
90
                        <!--  end account-content -->
 
91
                
 
92
                </div>
 
93
                <!-- end nav-right -->
 
94
 
 
95
 
 
96
                <!--  start nav -->
 
97
                <div class="nav">
 
98
                <div class="table">
 
99
                
 
100
                <ul class="select"><li><a href="#nogo"><b>Dashboard</b><!--[if IE 7]><!--></a><!--<![endif]-->
 
101
                <!--[if lte IE 6]><table><tr><td><![endif]-->
 
102
                <div class="select_sub">
 
103
                        <ul class="sub">
 
104
                                <li><a href="#nogo">Dashboard Details 1</a></li>
 
105
                                <li><a href="#nogo">Dashboard Details 2</a></li>
 
106
                                <li><a href="#nogo">Dashboard Details 3</a></li>
 
107
                        </ul>
 
108
                </div>
 
109
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
110
                </li>
 
111
                </ul>
 
112
                
 
113
                <div class="nav-divider">&nbsp;</div>
 
114
                                    
 
115
                <ul class="current"><li><a href="#nogo"><b>Products</b><!--[if IE 7]><!--></a><!--<![endif]-->
 
116
                <!--[if lte IE 6]><table><tr><td><![endif]-->
 
117
                <div class="select_sub show">
 
118
                        <ul class="sub">
 
119
                                <li><a href="#nogo">View all products</a></li>
 
120
                                <li class="sub_show"><a href="#nogo">Add product</a></li>
 
121
                                <li><a href="#nogo">Delete products</a></li>
 
122
                        </ul>
 
123
                </div>
 
124
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
125
                </li>
 
126
                </ul>
 
127
                
 
128
                <div class="nav-divider">&nbsp;</div>
 
129
                
 
130
                <ul class="select"><li><a href="#nogo"><b>Categories</b><!--[if IE 7]><!--></a><!--<![endif]-->
 
131
                <!--[if lte IE 6]><table><tr><td><![endif]-->
 
132
                <div class="select_sub">
 
133
                        <ul class="sub">
 
134
                                <li><a href="#nogo">Categories Details 1</a></li>
 
135
                                <li><a href="#nogo">Categories Details 2</a></li>
 
136
                                <li><a href="#nogo">Categories Details 3</a></li>
 
137
                        </ul>
 
138
                </div>
 
139
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
140
                </li>
 
141
                </ul>
 
142
                
 
143
                <div class="nav-divider">&nbsp;</div>
 
144
                
 
145
                <ul class="select"><li><a href="#nogo"><b>Clients</b><!--[if IE 7]><!--></a><!--<![endif]-->
 
146
                <!--[if lte IE 6]><table><tr><td><![endif]-->
 
147
                <div class="select_sub">
 
148
                        <ul class="sub">
 
149
                                <li><a href="#nogo">Clients Details 1</a></li>
 
150
                                <li><a href="#nogo">Clients Details 2</a></li>
 
151
                                <li><a href="#nogo">Clients Details 3</a></li>
 
152
                         
 
153
                        </ul>
 
154
                </div>
 
155
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
156
                </li>
 
157
                </ul>
 
158
                
 
159
                <div class="nav-divider">&nbsp;</div>
 
160
                
 
161
                <ul class="select"><li><a href="#nogo"><b>News</b><!--[if IE 7]><!--></a><!--<![endif]-->
 
162
                <!--[if lte IE 6]><table><tr><td><![endif]-->
 
163
                <div class="select_sub">
 
164
                        <ul class="sub">
 
165
                                <li><a href="#nogo">News details 1</a></li>
 
166
                                <li><a href="#nogo">News details 2</a></li>
 
167
                                <li><a href="#nogo">News details 3</a></li>
 
168
                        </ul>
 
169
                </div>
 
170
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
171
                </li>
 
172
                </ul>
 
173
                
 
174
                <div class="clear"></div>
 
175
                </div>
 
176
                <div class="clear"></div>
 
177
                </div>
 
178
                <!--  start nav -->
 
179
 
 
180
</div>
 
181
<div class="clear"></div>
 
182
<!--  start nav-outer -->
 
183
</div>
 
184
<!--  start nav-outer-repeat................................................... END -->
 
185
 
 
186
 <div class="clear"></div>
 
187
 
 
188
<!-- start content-outer ........................................................................................................................START -->
 
189
<div id="content-outer">
 
190
<!-- start content -->
 
191
<div id="content">
 
192
 
 
193
        <!--  start page-heading -->
 
194
        <div id="page-heading">
 
195
                <h1>Add product</h1>
 
196
        </div>
 
197
        <!-- end page-heading -->
 
198
 
 
199
        <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
 
200
        <tr>
 
201
                <th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
 
202
                <th class="topleft"></th>
 
203
                <td id="tbl-border-top">&nbsp;</td>
 
204
                <th class="topright"></th>
 
205
                <th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
 
206
        </tr>
 
207
        <tr>
 
208
                <td id="tbl-border-left"></td>
 
209
                <td>
 
210
                <!--  start content-table-inner ...................................................................... START -->
 
211
                <div id="content-table-inner">
 
212
                
 
213
                        <!--  start table-content  -->
 
214
                        <div id="table-content">
 
215
                        
 
216
                                <!--  start message-yellow -->
 
217
                                <div id="message-yellow">
 
218
                                <table border="0" width="100%" cellpadding="0" cellspacing="0">
 
219
                                <tr>
 
220
                                        <td class="yellow-left">You have a new message. <a href="">Go to Inbox.</a></td>
 
221
                                        <td class="yellow-right"><a class="close-yellow"><img src="images/table/icon_close_yellow.gif"   alt="" /></a></td>
 
222
                                </tr>
 
223
                                </table>
 
224
                                </div>
 
225
                                <!--  end message-yellow -->
 
226
                                
 
227
                                <!--  start message-red -->
 
228
                                <div id="message-red">
 
229
                                <table border="0" width="100%" cellpadding="0" cellspacing="0">
 
230
                                <tr>
 
231
                                        <td class="red-left">Error. <a href="">Please try again.</a></td>
 
232
                                        <td class="red-right"><a class="close-red"><img src="images/table/icon_close_red.gif"   alt="" /></a></td>
 
233
                                </tr>
 
234
                                </table>
 
235
                                </div>
 
236
                                <!--  end message-red -->
 
237
                                
 
238
                                <!--  start message-blue -->
 
239
                                <div id="message-blue">
 
240
                                <table border="0" width="100%" cellpadding="0" cellspacing="0">
 
241
                                <tr>
 
242
                                        <td class="blue-left">Welcome back. <a href="">View my account.</a> </td>
 
243
                                        <td class="blue-right"><a class="close-blue"><img src="images/table/icon_close_blue.gif"   alt="" /></a></td>
 
244
                                </tr>
 
245
                                </table>
 
246
                                </div>
 
247
                                <!--  end message-blue -->
 
248
                        
 
249
                                <!--  start message-green -->
 
250
                                <div id="message-green">
 
251
                                <table border="0" width="100%" cellpadding="0" cellspacing="0">
 
252
                                <tr>
 
253
                                        <td class="green-left">Product added sucessfully. <a href="">Add new one.</a></td>
 
254
                                        <td class="green-right"><a class="close-green"><img src="images/table/icon_close_green.gif"   alt="" /></a></td>
 
255
                                </tr>
 
256
                                </table>
 
257
                                </div>
 
258
                                <!--  end message-green -->
 
259
                
 
260
                 
 
261
                                <!--  start product-table ..................................................................................... -->
 
262
                                <form id="mainform" action="">
 
263
                                <table border="0" width="100%" cellpadding="0" cellspacing="0" id="product-table">
 
264
                                <tr>
 
265
                                        <th class="table-header-check"><a id="toggle-all" ></a> </th>
 
266
                                        <th class="table-header-repeat line-left minwidth-1"><a href="">Last Name</a>   </th>
 
267
                                        <th class="table-header-repeat line-left minwidth-1"><a href="">First Name</a></th>
 
268
                                        <th class="table-header-repeat line-left"><a href="">Email</a></th>
 
269
                                        <th class="table-header-repeat line-left"><a href="">Due</a></th>
 
270
                                        <th class="table-header-repeat line-left"><a href="">Website</a></th>
 
271
                                        <th class="table-header-options line-left"><a href="">Options</a></th>
 
272
                                </tr>
 
273
                                <tr>
 
274
                                        <td><input  type="checkbox"/></td>
 
275
                                        <td>Sabev</td>
 
276
                                        <td>George</td>
 
277
                                        <td><a href="">george@mainevent.co.za</a></td>
 
278
                                        <td>R250</td>
 
279
                                        <td><a href="">www.mainevent.co.za</a></td>
 
280
                                        <td class="options-width">
 
281
                                        <a href="" title="Edit" class="icon-1 info-tooltip"></a>
 
282
                                        <a href="" title="Edit" class="icon-2 info-tooltip"></a>
 
283
                                        <a href="" title="Edit" class="icon-3 info-tooltip"></a>
 
284
                                        <a href="" title="Edit" class="icon-4 info-tooltip"></a>
 
285
                                        <a href="" title="Edit" class="icon-5 info-tooltip"></a>
 
286
                                        </td>
 
287
                                </tr>
 
288
                                <tr class="alternate-row">
 
289
                                        <td><input  type="checkbox"/></td>
 
290
                                        <td>Sabev</td>
 
291
                                        <td>George</td>
 
292
                                        <td><a href="">george@mainevent.co.za</a></td>
 
293
                                        <td>R250</td>
 
294
                                        <td><a href="">www.mainevent.co.za</a></td>
 
295
                                        <td class="options-width">
 
296
                                        <a href="" title="Edit" class="icon-1 info-tooltip"></a>
 
297
                                        <a href="" title="Edit" class="icon-2 info-tooltip"></a>
 
298
                                        <a href="" title="Edit" class="icon-3 info-tooltip"></a>
 
299
                                        <a href="" title="Edit" class="icon-4 info-tooltip"></a>
 
300
                                        <a href="" title="Edit" class="icon-5 info-tooltip"></a>
 
301
                                        </td>
 
302
                                </tr>
 
303
                                <tr>
 
304
                                        <td><input  type="checkbox"/></td>
 
305
                                        <td>Sabev</td>
 
306
                                        <td>George</td>
 
307
                                        <td><a href="">george@mainevent.co.za</a></td>
 
308
                                        <td>R250</td>
 
309
                                        <td><a href="">www.mainevent.co.za</a></td>
 
310
                                        <td class="options-width">
 
311
                                        <a href="" title="Edit" class="icon-1 info-tooltip"></a>
 
312
                                        <a href="" title="Edit" class="icon-2 info-tooltip"></a>
 
313
                                        <a href="" title="Edit" class="icon-3 info-tooltip"></a>
 
314
                                        <a href="" title="Edit" class="icon-4 info-tooltip"></a>
 
315
                                        <a href="" title="Edit" class="icon-5 info-tooltip"></a>
 
316
                                        </td>
 
317
                                </tr>
 
318
                                <tr class="alternate-row">
 
319
                                        <td><input  type="checkbox"/></td>
 
320
                                        <td>Sabev</td>
 
321
                                        <td>George</td>
 
322
                                        <td><a href="">george@mainevent.co.za</a></td>
 
323
                                        <td>R250</td>
 
324
                                        <td><a href="">www.mainevent.co.za</a></td>
 
325
                                        <td class="options-width">
 
326
                                        <a href="" title="Edit" class="icon-1 info-tooltip"></a>
 
327
                                        <a href="" title="Edit" class="icon-2 info-tooltip"></a>
 
328
                                        <a href="" title="Edit" class="icon-3 info-tooltip"></a>
 
329
                                        <a href="" title="Edit" class="icon-4 info-tooltip"></a>
 
330
                                        <a href="" title="Edit" class="icon-5 info-tooltip"></a>
 
331
                                        </td>
 
332
                                </tr>
 
333
                                <tr>
 
334
                                        <td><input  type="checkbox"/></td>
 
335
                                        <td>Sabev</td>
 
336
                                        <td>George</td>
 
337
                                        <td><a href="">george@mainevent.co.za</a></td>
 
338
                                        <td>R250</td>
 
339
                                        <td><a href="">www.mainevent.co.za</a></td>
 
340
                                        <td class="options-width">
 
341
                                        <a href="" title="Edit" class="icon-1 info-tooltip"></a>
 
342
                                        <a href="" title="Edit" class="icon-2 info-tooltip"></a>
 
343
                                        <a href="" title="Edit" class="icon-3 info-tooltip"></a>
 
344
                                        <a href="" title="Edit" class="icon-4 info-tooltip"></a>
 
345
                                        <a href="" title="Edit" class="icon-5 info-tooltip"></a>
 
346
                                        </td>
 
347
                                </tr>
 
348
                                <tr class="alternate-row">
 
349
                                        <td><input  type="checkbox"/></td>
 
350
                                        <td>Sabev</td>
 
351
                                        <td>George</td>
 
352
                                        <td><a href="">george@mainevent.co.za</a></td>
 
353
                                        <td>R250</td>
 
354
                                        <td><a href="">www.mainevent.co.za</a></td>
 
355
                                        <td class="options-width">
 
356
                                        <a href="" title="Edit" class="icon-1 info-tooltip"></a>
 
357
                                        <a href="" title="Edit" class="icon-2 info-tooltip"></a>
 
358
                                        <a href="" title="Edit" class="icon-3 info-tooltip"></a>
 
359
                                        <a href="" title="Edit" class="icon-4 info-tooltip"></a>
 
360
                                        <a href="" title="Edit" class="icon-5 info-tooltip"></a>
 
361
                                        </td>
 
362
                                </tr>
 
363
                                </table>
 
364
                                <!--  end product-table................................... --> 
 
365
                                </form>
 
366
                        </div>
 
367
                        <!--  end content-table  -->
 
368
                
 
369
                        <!--  start actions-box ............................................... -->
 
370
                        <div id="actions-box">
 
371
                                <a href="" class="action-slider"></a>
 
372
                                <div id="actions-box-slider">
 
373
                                        <a href="" class="action-edit">Edit</a>
 
374
                                        <a href="" class="action-delete">Delete</a>
 
375
                                </div>
 
376
                                <div class="clear"></div>
 
377
                        </div>
 
378
                        <!-- end actions-box........... -->
 
379
                        
 
380
                        <!--  start paging..................................................... -->
 
381
                        <table border="0" cellpadding="0" cellspacing="0" id="paging-table">
 
382
                        <tr>
 
383
                        <td>
 
384
                                <a href="" class="page-far-left"></a>
 
385
                                <a href="" class="page-left"></a>
 
386
                                <div id="page-info">Page <strong>1</strong> / 15</div>
 
387
                                <a href="" class="page-right"></a>
 
388
                                <a href="" class="page-far-right"></a>
 
389
                        </td>
 
390
                        <td>
 
391
                        <select  class="styledselect_pages">
 
392
                                <option value="">Number of rows</option>
 
393
                                <option value="">1</option>
 
394
                                <option value="">2</option>
 
395
                                <option value="">3</option>
 
396
                        </select>
 
397
                        </td>
 
398
                        </tr>
 
399
                        </table>
 
400
                        <!--  end paging................ -->
 
401
                        
 
402
                        <div class="clear"></div>
 
403
                 
 
404
                </div>
 
405
                <!--  end content-table-inner ............................................END  -->
 
406
                </td>
 
407
                <td id="tbl-border-right"></td>
 
408
        </tr>
 
409
        <tr>
 
410
                <th class="sized bottomleft"></th>
 
411
                <td id="tbl-border-bottom">&nbsp;</td>
 
412
                <th class="sized bottomright"></th>
 
413
        </tr>
 
414
        </table>
 
415
        <div class="clear">&nbsp;</div>
 
416
 
 
417
</div>
 
418
<!--  end content -->
 
419
<div class="clear">&nbsp;</div>
 
420
</div>
 
421
<!--  end content-outer........................................................END -->
 
422
 
 
423
<div class="clear">&nbsp;</div>
 
424
    
 
425
<!-- start footer -->         
 
426
<div id="footer">
 
427
        <!--  start footer-left -->
 
428
        <div id="footer-left">
 
429
        
 
430
        Admin Skin &copy; Copyright Internet Dreams Ltd. <span id="spanYear"></span> <a href="">www.netdreams.co.uk</a>. All rights reserved.</div>
 
431
        <!--  end footer-left -->
 
432
        <div class="clear">&nbsp;</div>
 
433
</div>
 
434
<!-- end footer -->
 
435
 
 
436
<!--  checkbox styling script -->
 
437
<!-- <script src="js/jquery/ui.core.js" type="text/javascript"></script> -->
 
438
<script src="js/jquery/ui.widget.js" type="text/javascript"></script>
 
439
<script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
 
440
<!-- <script src="js/jquery/jquery.bind.js" type="text/javascript"></script> -->
 
441
<script type="text/javascript">
 
442
$(document).ready(function(){
 
443
        $('input').checkBox();
 
444
        $('#toggle-all').click(function(){
 
445
                $('#toggle-all').toggleClass('toggle-checked');
 
446
                $('#mainform input[type=checkbox]').checkBox('toggle');
 
447
                return false;
 
448
        });
 
449
});
 
450
</script>
 
451
 
 
452
<![if !IE 7]>
 
453
 
 
454
<!--  styled select box script version 1 -->
 
455
<script src="js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
 
456
<script type="text/javascript">
 
457
$(document).ready(function() {
 
458
        $('.styledselect').selectbox({ inputClass: "selectbox_styled" });
 
459
});
 
460
</script>
 
461
 
 
462
 
 
463
<![endif]>
 
464
 
 
465
<!--  styled select box script version 2 --> 
 
466
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
 
467
<script type="text/javascript">
 
468
$(document).ready(function() {
 
469
        $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
 
470
        $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
 
471
});
 
472
</script>
 
473
 
 
474
<!--  styled select box script version 3 --> 
 
475
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
 
476
<script type="text/javascript">
 
477
$(document).ready(function() {
 
478
        $('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
 
479
});
 
480
</script>
 
481
 
 
482
<!--  styled file upload script --> 
 
483
<script src="js/jquery/jquery.filestyle.js" type="text/javascript"></script>
 
484
<script type="text/javascript" charset="utf-8">
 
485
  $(function() {
 
486
      $("input.file_1").filestyle({ 
 
487
          image: "images/forms/choose-file.gif",
 
488
          imageheight : 21,
 
489
          imagewidth : 78,
 
490
          width : 310
 
491
      });
 
492
  });
 
493
</script>
 
494
 
 
495
<!-- Custom jquery scripts -->
 
496
<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>
 
497
 
 
498
<!-- Tooltips -->
 
499
<script src="js/jquery/jquery.tooltip.js" type="text/javascript"></script>
 
500
<script src="js/jquery/jquery.dimensions.js" type="text/javascript"></script>
 
501
<script type="text/javascript">
 
502
$(function() {
 
503
        $('a.info-tooltip ').tooltip({
 
504
                track: true,
 
505
                delay: 0,
 
506
                fixPNG: true, 
 
507
                showURL: false,
 
508
                showBody: " - ",
 
509
                top: -35,
 
510
                left: 5
 
511
        });
 
512
});
 
513
</script> 
 
514
 
 
515
 
 
516
<!--  date picker script -->
 
517
<link rel="stylesheet" href="css/datePicker.css" type="text/css" />
 
518
<script src="js/jquery/date.js" type="text/javascript"></script>
 
519
<script src="js/jquery/jquery.datePicker.js" type="text/javascript"></script>
 
520
<script type="text/javascript" charset="utf-8">
 
521
        $(function()
 
522
{
 
523
 
 
524
// initialise the "Select date" link
 
525
$('#date-pick')
 
526
        .datePicker(
 
527
                // associate the link with a date picker
 
528
                {
 
529
                        createButton:false,
 
530
                        startDate:'01/01/2005',
 
531
                        endDate:'31/12/2020'
 
532
                }
 
533
        ).bind(
 
534
                // when the link is clicked display the date picker
 
535
                'click',
 
536
                function()
 
537
                {
 
538
                        updateSelects($(this).dpGetSelected()[0]);
 
539
                        $(this).dpDisplay();
 
540
                        return false;
 
541
                }
 
542
        ).bind(
 
543
                // when a date is selected update the SELECTs
 
544
                'dateSelected',
 
545
                function(e, selectedDate, $td, state)
 
546
                {
 
547
                        updateSelects(selectedDate);
 
548
                }
 
549
        ).bind(
 
550
                'dpClosed',
 
551
                function(e, selected)
 
552
                {
 
553
                        updateSelects(selected[0]);
 
554
                }
 
555
        );
 
556
        
 
557
var updateSelects = function (selectedDate)
 
558
{
 
559
        var selectedDate = new Date(selectedDate);
 
560
        $('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
 
561
        $('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
 
562
        $('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
 
563
}
 
564
// listen for when the selects are changed and update the picker
 
565
$('#d, #m, #y')
 
566
        .bind(
 
567
                'change',
 
568
                function()
 
569
                {
 
570
                        var d = new Date(
 
571
                                                $('#y').val(),
 
572
                                                $('#m').val()-1,
 
573
                                                $('#d').val()
 
574
                                        );
 
575
                        $('#date-pick').dpSetSelected(d.asString());
 
576
                }
 
577
        );
 
578
 
 
579
// default the position of the selects to today
 
580
var today = new Date();
 
581
updateSelects(today.getTime());
 
582
 
 
583
// and update the datePicker to reflect it...
 
584
$('#d').trigger('change');
 
585
});
 
586
</script>
 
587
 
 
588
<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
 
589
<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
 
590
<script type="text/javascript">
 
591
$(document).ready(function(){
 
592
$(document).pngFix( );
 
593
});
 
594
</script>
 
595
</body>
 
596
</html>
 
 
b'\\ No newline at end of file'