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

Revision 29622, 1.4 KB (checked in by davidb, 5 years ago)

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

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 browser.