view 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
line wrap: on
line source
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <title>Human Echolocation</title>

        <%
          //  String distStr = request.getParameter("dist");
          //  int dist = 1;
          //  boolean distSet = false;
          //  if(distStr!=null && distStr.length()>0)
          //  {
          //      dist = Integer.parseInt(distStr);
          //      distSet = true;
          //  }
        %>

        <link rel="Stylesheet" type="text/css" media=all href="./StyleSheet.css" />
        <link href="StyleSheet.css" rel="stylesheet" type="text/css" />

        <script type="text/javascript" src="script/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="script/echo.js"></script>
    </head>

    <body>

            <div style="text-align: center">
                <table width="760" cellpadding="0" cellspacing="0">
                    <tr>
                        <td><img src="header_bg.jpg" alt="Header Image Not Found" width="779" height="72" /></td>
                    </tr>
                </table>
                <br />

                <h1>Human Echolocation WebApp Example Page</h1>

                Testing...

                Input parameters:
                <br>
                Distance:
                <input type="text" id="dist" "name="dist" size="8">
                <br>
                <input type="submit" value="Generate" id="generate">
                <br>

                <div id="ajax-loading">
                    <img src="ajax-loader.gif" class="ajax-loader" style="display:none" /></div>

                <br />

                <div id="responsetext"></div>

                <br>
            </div>

    </body>
</html>