PDA

View Full Version : Help Needed - Javascript Onchange Event Handler


Sparkle1984
01-28-2004, 10:35 PM
I am designing a webpage which is a room-booking form. I have written the HTML code from scratch by myself, but there is one thing I am having problems with.

I need an "onchange" event handler to the Start drop list to call a function named UpdateEnd. The function should do the following:

If the Start time that the user chooses is equal to, or after, the current end-time, update the end-time to the next valid value. For example, if the user selects "12:00" as the start-time, and the end time is currently at "10:00", update the end-time automatically to "13:00".
If the current end-time is already after the start-time, but not equal, no further action is necessary.

A similar onchange handler should also be provided for the "end" drop list to ensure the start time is updated if necessary.

Here is the source code for my page. I have already made several attempts at solving this problem, but nothing I do seems to work - I always get a JavaScript error on the page. The sections that are causing me problems I have put in coloured text so you can see it easily.

Thanks for any help. ;)


<html>
&nbsp; &nbsp; &nbsp; <head>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <title>Project Meeting - Room Booking</title>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <link type="text/css" rel="stylesheet" href="cmps2b20.css">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &#60;script language="JavaScript">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function CheckRBForm()
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var bOk = true;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (document.forms[&#39;rbform&#39;].name.value.length == 0)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; window.alert("Please enter a valid name.");
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; bOk = false;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function UpdateEnd()
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (document.forms[&#39;rbform&#39;]start.value >= end.value)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; end.value = start.value + 1;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function UpdateStart()
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (document.forms[&#39;rbform&#39;]end.value <= start.value)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; start.value = end.value - 1;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </script>

&nbsp; &nbsp; &nbsp; </head>
&nbsp; &nbsp; &nbsp; <body>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <h1>Project Meeting - Room Booking</h1>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

Use the form below to submit a request for a room booking. The data you submit
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; will actually be ignored, as we don&#39;t yet know how to process it&#33; However, you
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; will receive a polite confirmation message to confirm the submission process worked.</p>
&nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;


&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <form name="rbform" onsubmit="return CheckRBForm();"
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; method="POST" action="confirm.html">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <table border="0" cellspacing="5" cellpadding="20" width="50%">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>Name&nbsp; </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td colspan="3"><input type="text" name="name" size="50">&nbsp; </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>Room </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><select size="1" name="room">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="E1.116">E1.116</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="E02.101">E02.101</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="S3.04">S3.04</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="S3.05">S3.05</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="S0.31">S0.31</option> </select>&nbsp; &nbsp; </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>Data Projector&nbsp; &nbsp; </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><input type="checkbox" name="dataproj">&nbsp; &nbsp; </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>Day </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><select size="1" name="day">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="1">1</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="2">2</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="3">3</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="4">4</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="5">5</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="6">6</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="7">7</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="8">8</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="9">9</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="10">10</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="11">11</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="12">12</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="13">13</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="14">14</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="15">15</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="16">16</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="17">17</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="18">18</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="19">19</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="20">20</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="21">21</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="22">22</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="23">23</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="24">24</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="25">25</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="26">26</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="27">27</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="28">28</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="29">29</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="30">30</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="31">31</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </select>&nbsp; &nbsp; </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>Month&nbsp; </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><select size="1" name="month">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="1">January</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="2">February</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="3">March</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="4">April</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="5">May</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="6">June</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="7">July</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="8">August</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="9">September</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="10">October</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="11">November</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="12">December</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </select>&nbsp; &nbsp; </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>Start </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><select size="1" name="start" onchange="return UpdateEnd();">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="9">09:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="10">10:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="11">11:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="12">12:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="13">13:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="14">14:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="15">15:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="16">16:00</option>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </select>&nbsp; &nbsp; </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>End&nbsp; </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td><select size="1" name="end" onchange="return UpdateStart();">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="10">10:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="11">11:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="12">12:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="13">13:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="14">14:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="15">15:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="16">16:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="17">17:00</option>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </select>&nbsp; </td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </table>

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