Mercurial > hg > human-echolocation-java-webapp
annotate WebContent/index.jsp @ 27:3b092b89c92e
Using JQuery to generate the AJAX call. Added a AJAX indicator.
| author | luisf <luis.figueira@eecs.qmul.ac.uk> |
|---|---|
| date | Mon, 09 Dec 2013 16:57:52 +0000 |
| parents | 1d1122584af9 |
| children | 52adafab20c1 |
| rev | line source |
|---|---|
| luis@0 | 1 <%@ page contentType="text/html;charset=UTF-8" language="java" %> |
| luis@0 | 2 <html> |
| luis@0 | 3 <head> |
| luis@13 | 4 <title>Human Echolocation</title> |
| luis@0 | 5 |
| luis@0 | 6 <% |
| luis@27 | 7 // String distStr = request.getParameter("dist"); |
| luis@27 | 8 // int dist = 1; |
| luis@27 | 9 // boolean distSet = false; |
| luis@27 | 10 // if(distStr!=null && distStr.length()>0) |
| luis@27 | 11 // { |
| luis@27 | 12 // dist = Integer.parseInt(distStr); |
| luis@27 | 13 // distSet = true; |
| luis@27 | 14 // } |
| luis@0 | 15 %> |
| luis@0 | 16 |
| luis@0 | 17 <link rel="Stylesheet" type="text/css" media=all href="./StyleSheet.css" /> |
| luis@0 | 18 <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> |
| luis@27 | 19 |
| luis@27 | 20 <script type="text/javascript" src="script/jquery-1.10.2.min.js"></script> |
| luis@27 | 21 <script type="text/javascript" src="script/echo.js"></script> |
| luis@0 | 22 </head> |
| luis@0 | 23 |
| luis@0 | 24 <body> |
| luis@27 | 25 |
| luis@0 | 26 <div style="text-align: center"> |
| luis@0 | 27 <table width="760" cellpadding="0" cellspacing="0"> |
| luis@0 | 28 <tr> |
| luis@0 | 29 <td><img src="header_bg.jpg" alt="Header Image Not Found" width="779" height="72" /></td> |
| luis@0 | 30 </tr> |
| luis@0 | 31 </table> |
| luis@0 | 32 <br /> |
| luis@0 | 33 |
| luis@13 | 34 <h1>Human Echolocation WebApp Example Page</h1> |
| luis@0 | 35 |
| luis@27 | 36 Testing... |
| luis@26 | 37 |
| luis@13 | 38 Input parameters: |
| luis@0 | 39 <br> |
| luis@13 | 40 Distance: |
| luis@27 | 41 <input type="text" id="dist" "name="dist" size="8"> |
| luis@0 | 42 <br> |
| luis@27 | 43 <input type="submit" value="Generate" id="generate"> |
| luis@0 | 44 <br> |
| luis@27 | 45 |
| luis@27 | 46 <div id="ajax-loading"> |
| luis@27 | 47 <img src="ajax-loader.gif" class="ajax-loader" style="display:none" /></div> |
| luis@27 | 48 |
| luis@0 | 49 <br /> |
| luis@17 | 50 |
| luis@27 | 51 <div id="responsetext"></div> |
| luis@27 | 52 |
| luis@0 | 53 <br> |
| luis@0 | 54 </div> |
| luis@27 | 55 |
| luis@0 | 56 </body> |
| luis@0 | 57 </html> |
| luis@0 | 58 |