source: other-projects/nz-flag-design/trunk/similarity-2d/display-flags.jsp@ 29622

Last change on this file since 29622 was 29622, checked in by davidb, 9 years ago

Further restructuring of the display flags JSP page. Improved progress-bar loading

File size: 1.4 KB
Line 
1<!DOCTYPE html>
2<html>
3 <head>
4 <meta charset="utf-8"/>
5
6 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" />
7
8 <link rel="stylesheet" href="style.css" />
9
10 <script src="//code.jquery.com/jquery-1.10.2.js"></script>
11 <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
12
13 <script src="flag-processing.js"></script>
14
15 <script>
16 $(function() {
17 $( "#progressBar" ).progressbar({
18 value: progressVal
19 });
20 });
21 </script>
22
23
24 <title>Display Flags</title>
25
26 </head>
27
28 <body>
29
30 <div style="display: none;">
31
32 <!--
33 Set up a fallback position in case this page is accessed outside
34 of a JSP context (i.e., the JSP blocks aren't executed)
35 -->
36 <script>
37 var is_jsp_active = false;
38 var img_list = [ "Images/nz.gif" ];
39 </script>
40
41 <%@include file="flag-functions.jsp" %>
42
43 <!-- If JSP active, sets 'is_jsp_active' to true -->
44 <%@include file="list-flags.jsp" %>
45
46 </div>
47
48 <div id="progressArea">
49 <span id="loadingLabel">Loading: </span>
50 <div id="progressBar"></div>
51 </div>
52
53 <div id="flagArea"></div>
54
55
56 <script>
57
58 if (!is_jsp_active) {
59 var mess = "<div>Web server is no JSP active. Unable to run flag comparison</div>";
60 $('#flagArea').append(mess);
61 }
62
63 displayFlags(img_list,$('#flagArea'),$('#progressArea'),$('#progressBar'));
64
65 </script>
66
67 </body>
68
69</html>
Note: See TracBrowser for help on using the repository browser.