Here you go:
Code:
<?xml version="1.0" encoding="UTF-8"?>
<!doctype html public "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1.1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Project Meeting - Room Booking</title>
<link rel="stylesheet" type="text/css" href="cmps2b20.css">
<script type="text/javascript">
function CheckRBForm()
{
if(document.rbform.name.value.length==0)
{
alert("Please enter a valid name.");
document.rbform.name.focus();
}
else
{
document.rbform.submit();
}
}
function UpdateEnd()
{
var start=parseInt(document.rbform.start.value);
var end=parseInt(document.rbform.end.value);
while(start>=end)
{
end=start+1;
}
document.rbform.end.value=end.toString();
}
function UpdateStart()
{
var start=parseInt(document.rbform.start.value);
var end=parseInt(document.rbform.end.value);
while(end<=parseInt(start))
{
start=end-1;
}
document.rbform.start.value=start.toString();
}
</script>
</head>
<body>
<h1>Project Meeting - Room Booking</h1>
<p>Use the form below to submit a request for a room booking. The data you submit will actually be ignored, as we don't yet know how to process it! However, you will receive a polite confirmation message to confirm the submission process worked.</p>
<br />
<form name="rbform" method="post" action="confirm.html">
<table border="0" cellspacing="5" cellpadding="20" width="50%">
<tr>
<td>Name </td>
<td colspan="3"><input type="text" name="name" size="50" /></td>
</tr>
<tr>
<td>Room </td>
<td>
<select size="1" name="room">
<option value="E1.116">E1.116</option>
<option value="E02.101">E02.101</option>
<option value="S3.04">S3.04</option>
<option value="S3.05">S3.05</option>
<option value="S0.31">S0.31</option>
</select>
</td>
<td>Data Projector </td>
<td><input type="checkbox" name="dataproj" /></td>
</tr>
<tr>
<td>Day </td>
<td>
<select size="1" name="day">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</td>
<td>Month </td>
<td>
<select size="1" name="month">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</td>
</tr>
<tr>
<td>Start </td>
<td>
<select size="1" name="start" onchange="UpdateEnd();">
<option value="9">09:00</option>
<option value="10">10:00</option>
<option value="11">11:00</option>
<option value="12">12:00</option>
<option value="13">13:00</option>
<option value="14">14:00</option>
<option value="15">15:00</option>
<option value="16">16:00</option>
</select>
</td>
<td>End </td>
<td>
<select size="1" name="end" onchange="UpdateStart();">
<option value="10">10:00</option>
<option value="11">11:00</option>
<option value="12">12:00</option>
<option value="13">13:00</option>
<option value="14">14:00</option>
<option value="15">15:00</option>
<option value="16">16:00</option>
<option value="17">17:00</option>
</select>
</td>
</tr>
</table>
<br />
<input type="button" value="Submit Query" onclick="CheckRBForm();" />
<input type="reset" value="Reset" />
</form>
</body>
</html>
Hope this helps.
Bookmarks