1(function($)
2{
3 $(document).ready(function()
4 {
5 $.ajaxSetup(
6 {
7 cache: false,
8 beforeSend: function() {
9 $('#content').hide();
10 $('#loading').show();
11 },
12 complete: function() {
13 $('#loading').hide();
14 $('#content').show();
15 },
16 success: function() {
17 $('#loading').hide();
18 $('#content').show();
19 }
20 });
21 var $container = $("#content");
22 $container.load("rss-feed-data.php");
23 var refreshId = setInterval(function()
24 {
25 $container.load('rss-feed-data.php');
26 }, 9000);
27 });
28})(jQuery);
1<div id="step1Content" role="Step1ShowCameraCaptures" class="marginLeft">
2
3<form>
4 <h1>Camera Configuration</h1>
5 <!-- Step 1.1 - Image Captures Confirmation-->
6 <div id="list">
7 <div>
8 <p>
9 <a id="pickheadImageLightBox" data-lightbox="image-1" title="" href="">
10 <img alt="" id="pickheadImage" src="" width="250" height="200" />
11 </a>
12 </p>
13 <p>
14 <strong>Pickhead Camera Serial No:</strong><br />
15 <span id="pickheadImageDetails"></span>
16 </p>
17 </div>
18 <div>
19 <p>
20 <a id="processingStationSideImageLightBox" data-lightbox="image-1" title="" href="">
21 <img alt="" id="processingStationSideImage" src="" width="250" height="200" />
22 </a>
23 </p>
24 <p>
25 <strong>Processing Station Top Camera Serial No:</strong><br />
26 <span id="processingStationSideImageDetails"></span>
27 </p>
28 </div>
29 <div>
30 <p>
31 <a id="processingStationTopImageLightBox" data-lightbox="image-1" title="" href="">
32 <img alt="" id="processingStationTopImage" src="" width="250" height="200" />
33 </a>
34 </p>
35 <p>
36 <strong>Processing Station Side Camera Serial No:</strong><br />
37 <span id="processingStationTopImageDetails"></span>
38 </p>
39 </div>
40 <div>
41 <p>
42 <a id="cardScanImageLightBox" data-lightbox="image-1" title="" href="">
43 <img alt="" id="cardScanImage" src="" width="250" height="200" />
44 </a>
45 </p>
46 <p>
47 <strong>Card Scan Camera Serial No:</strong><br />
48 <span id="cardScanImageDetails"></span>
49 </p>
50
51 </div>
52 </div>
53 <div class="clearall"></div>
54
55 <div class="marginTop50">
56 <p><input type="radio" name="radio1" id="optionYes" />Yes, the infomation captured is correct.</p>
57 <p><input type="radio" name="radio1" id="optionNo" />No, Please capture again.</p>
58 </div>
59 <div role="button" class="marginTop50 marginBottom">
60 <input type="button" id="getCameraSerialNumbers" value="Capture Again" class="disabled" />
61 <input type="button" id="confirmNext" value="Confirm & Proceed" class="disabled marginLeft50" />
62 </div>
63</form>