API tools faq
paste
sounny

index.jsp

sounny
Nov 15th, 2018
1,263
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 6.51 KB | None | 0 0
raw download clone embed print report
  1. <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  6.   <title>Web Project</title>
  7.  
  8.   <!-- Custom styles -->
  9.   <link rel="stylesheet" href="css/style.css">
  10.  
  11.   <!-- jQuery -->
  12.   <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  13.   <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  14.  
  15.   <!-- Bootstrap -->
  16.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  17.   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  18.  
  19. </head>
  20.  
  21. <body>
  22.   <nav class="navbar navbar-inverse navbar-fixed-top">
  23.     <a class="navbar-brand">Disaster Management Portal</a>
  24.   </nav>
  25.  
  26.   <div class="container-fluid">
  27.     <div class="row">
  28.       <div class="sidebar col-xs-3">
  29.        
  30.         <!-- Tab Navis-->
  31.         <ul class="nav nav-tabs">
  32.           <li class="active"><a href="#create_report" data-toggle="tab">Create Report</a></li>
  33.           <li><a href="#query_report" data-toggle="tab">Query</a></li>
  34.         </ul>
  35.  
  36.         <!-- Tab panes -->
  37.         <div class="tab-content ">
  38.           <!-- Create Report Tab Panel -->
  39.           <div class="tab-pane active" id="create_report">
  40.             <form id = "create_report_form">
  41.               <div><label>First Name:&nbsp</label><input placeholder="Your first name" name="fN"></div>
  42.               <div><label>Last Name:&nbsp</label><input placeholder="Your last name" name="lN"></div>
  43.               <div>
  44.                 <label><input type="radio" name="is_male" value="t">&nbspMale</label>
  45.                 <label><input type="radio" name="is_male" value="f">&nbspFemale</label>
  46.               </div>
  47.               <div><label>Age:&nbsp</label><input placeholder="Your age" name="age"></div>
  48.               <div><label>Blood Type:</label>
  49.                 <select name="blood_type">
  50.                   <option value="">Choose your blood type</option>
  51.                   <option value="A">A</option>
  52.                   <option value="B">B</option>
  53.                   <option value="O">O</option>
  54.                   <option value="AB">AB</option>
  55.                   <option value="Other">Other</option>
  56.                 </select>
  57.               </div>
  58.               <div><label>Tel:&nbsp</label><input placeholder="Your telephone number" name="tel"></div>
  59.               <div><label>Email:&nbsp</label><input placeholder="Your email address" name="email"></div>
  60.               <div><label>Contact's First Name:&nbsp</label><input placeholder="Contact's first name" name="contact_fN"></div>
  61.              <div><label>Contact's Last Name:&nbsp</label><input placeholder="Contact's last name" name="contact_lN"></div>
  62.              <div><label>Contact's Tel:&nbsp</label><input placeholder="Contact's telephone number" name="contact_tel"></div>
  63.               <div><label>Contact's Email:&nbsp</label><input placeholder="Contact's email address" name="contact_email"></div>
  64.              <div><label>Report Type:</label>
  65.                <select onchange="onSelectReportType(this)" name="report_type">
  66.                  <option value="">Choose the report type</option>
  67.                  <option value="donation">Donation</option>
  68.                  <option value="request">Request</option>
  69.                  <option value="damage">Damage Report</option>
  70.                </select>
  71.              </div>
  72.              <div class="additional_msg_div" style="visibility: hidden"><label class="additional_msg"></label>
  73.                <select class="additional_msg_select" name="additional_message"></select>
  74.              </div>
  75.              <div><label>Disaster Type:</label>
  76.                <select name="disaster_type">
  77.                  <option value="">Choose the disaster type</option>
  78.                  <option value="flood">flood</option>
  79.                  <option value="wildfire">wildfire</option>
  80.                  <option value="earthquake">earthquake</option>
  81.                  <option value="tornado">tornado</option>
  82.                  <option value="hurricane">hurricane</option>
  83.                  <option value="other">other</option>
  84.                </select>
  85.              </div>
  86.              <div><label>Address:</label>
  87.                <input id="autocomplete" placeholder="Address" >
  88.              </div>
  89.              <div><label>Comment:&nbsp</label><input placeholder="Additional message" name="message"></div>
  90.              <button type="submit" class="btn btn-default" id="report_submit_btn">
  91.                <span class="glyphicon glyphicon-star"></span> Submit
  92.              </button>
  93.            </form>
  94.          </div>
  95.  
  96.          <!-- Query Report Tab Panel -->
  97.          <div class="tab-pane" id="query_report">
  98.            <form id = "query_report_form">
  99.              <div><label>Report Type:</label>
  100.                <select onchange="onSelectReportType(this)" name="report_type">
  101.                  <option value="">Choose the report type</option>
  102.                  <option value="donation">Donation</option>
  103.                  <option value="request">Request</option>
  104.                  <option value="damage">Damage Report</option>
  105.                </select>
  106.              </div>
  107.              <div class="additional_msg_div" style="visibility: hidden"><label class="additional_msg"></label>
  108.                <select class="additional_msg_select" name="resource_or_damage"></select>
  109.              </div>
  110.              <div><label>Disaster Type:</label>
  111.                <select name="disaster_type">
  112.                  <option value="">Choose the disaster type</option>
  113.                  <option value="flood">flood</option>
  114.                  <option value="wildfire">wildfire</option>
  115.                  <option value="earthquake">earthquake</option>
  116.                  <option value="tornado">tornado</option>
  117.                  <option value="hurricane">hurricane</option>
  118.                  <option value="other">other</option>
  119.                </select>
  120.              </div>              
  121.              <button type="submit" class="btn btn-default">
  122.                <span class="glyphicon glyphicon-star"></span> Submit the query
  123.              </button>
  124.            </form>
  125.          </div>
  126.        </div>
  127.      </div>
  128.  
  129.      <div id="map-canvas" class="col-xs-9"></div>
  130.  
  131.    </div>
  132.  </div>
  133.  
  134.  <script src="js/loadform.js"></script>
  135.  
  136. </body>
  137. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!