GigaNews
Threads in some sections have NO links for Guests, Register before you can view those threads.



PDA

View Full Version : Help Needed - Javascript Onchange Event Handler

Sparkle1984
01-28-2004, 09: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; <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['rbform'].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['rbform']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['rbform']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't yet know how to process it! 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, 05:06 AM
Here you go:<?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>
&nbsp;<title>Project Meeting - Room Booking</title>
&nbsp;<link rel="stylesheet" type="text/css" href="cmps2b20.css">
&nbsp;<script type="text/javascript">
&nbsp; function CheckRBForm()
&nbsp; {
&nbsp; &nbsp;if(document.rbform.name.value.length==0)
&nbsp; &nbsp;{
&nbsp; &nbsp; alert("Please enter a valid name.");
&nbsp; &nbsp; document.rbform.name.focus();
&nbsp; &nbsp; }
&nbsp; &nbsp;else
&nbsp; &nbsp;{
&nbsp; &nbsp; document.rbform.submit();
&nbsp; &nbsp;}
&nbsp; }
&nbsp; function UpdateEnd()
&nbsp; {
&nbsp; &nbsp;var start=parseInt(document.rbform.start.value);
&nbsp; &nbsp;var end=parseInt(document.rbform.end.value);
&nbsp; &nbsp;while(start>=end)
&nbsp; &nbsp;{
&nbsp; &nbsp; end=start+1;
&nbsp; &nbsp;}
&nbsp; &nbsp;document.rbform.end.value=end.toString();
&nbsp; }
&nbsp; function UpdateStart()
&nbsp; {
&nbsp; &nbsp;var start=parseInt(document.rbform.start.value);
&nbsp; &nbsp;var end=parseInt(document.rbform.end.value);
&nbsp; &nbsp;while(end<=parseInt(start))
&nbsp; &nbsp;{
&nbsp; &nbsp; start=end-1;
&nbsp; &nbsp;}
&nbsp; &nbsp;document.rbform.start.value=start.toString();
&nbsp; }
&nbsp;</script>
</head>
<body>
&nbsp;<h1>Project Meeting - Room Booking</h1>
&nbsp;<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>
&nbsp;<br />
&nbsp;<form name="rbform" method="post" action="confirm.html">
&nbsp; <table border="0" cellspacing="5" cellpadding="20" width="50%">
&nbsp; &nbsp;<tr>
&nbsp; &nbsp; <td>Name </td>
&nbsp; &nbsp; <td colspan="3"><input type="text" name="name" size="50" /></td>
&nbsp; &nbsp;</tr>
&nbsp; &nbsp;<tr>
&nbsp; &nbsp; <td>Room </td>
&nbsp; &nbsp; <td>
&nbsp; &nbsp; &nbsp;<select size="1" name="room">
&nbsp; &nbsp; &nbsp; <option value="E1.116">E1.116</option>
&nbsp; &nbsp; &nbsp; <option value="E02.101">E02.101</option>
&nbsp; &nbsp; &nbsp; <option value="S3.04">S3.04</option>
&nbsp; &nbsp; &nbsp; <option value="S3.05">S3.05</option>
&nbsp; &nbsp; &nbsp; <option value="S0.31">S0.31</option>
&nbsp; &nbsp; &nbsp; </select>
&nbsp; &nbsp; </td>
&nbsp; &nbsp; <td>Data Projector </td>
&nbsp; &nbsp; <td><input type="checkbox" name="dataproj" /></td>
&nbsp; &nbsp;</tr>
&nbsp; &nbsp;<tr>
&nbsp; &nbsp; <td>Day </td>
&nbsp; &nbsp; <td>
&nbsp; &nbsp; &nbsp;<select size="1" name="day">
&nbsp; &nbsp; &nbsp; <option value="1">1</option>
&nbsp; &nbsp; &nbsp; <option value="2">2</option>
&nbsp; &nbsp; &nbsp; <option value="3">3</option>
&nbsp; &nbsp; &nbsp; <option value="4">4</option>
&nbsp; &nbsp; &nbsp; <option value="5">5</option>
&nbsp; &nbsp; &nbsp; <option value="6">6</option>
&nbsp; &nbsp; &nbsp; <option value="7">7</option>
&nbsp; &nbsp; &nbsp; <option value="8">8</option>
&nbsp; &nbsp; &nbsp; <option value="9">9</option>
&nbsp; &nbsp; &nbsp; <option value="10">10</option>
&nbsp; &nbsp; &nbsp; <option value="11">11</option>
&nbsp; &nbsp; &nbsp; <option value="12">12</option>
&nbsp; &nbsp; &nbsp; <option value="13">13</option>
&nbsp; &nbsp; &nbsp; <option value="14">14</option>
&nbsp; &nbsp; &nbsp; <option value="15">15</option>
&nbsp; &nbsp; &nbsp; <option value="16">16</option>
&nbsp; &nbsp; &nbsp; <option value="17">17</option>
&nbsp; &nbsp; &nbsp; <option value="18">18</option>
&nbsp; &nbsp; &nbsp; <option value="19">19</option>
&nbsp; &nbsp; &nbsp; <option value="20">20</option>
&nbsp; &nbsp; &nbsp; <option value="21">21</option>
&nbsp; &nbsp; &nbsp; <option value="22">22</option>
&nbsp; &nbsp; &nbsp; <option value="23">23</option>
&nbsp; &nbsp; &nbsp; <option value="24">24</option>
&nbsp; &nbsp; &nbsp; <option value="25">25</option>
&nbsp; &nbsp; &nbsp; <option value="26">26</option>
&nbsp; &nbsp; &nbsp; <option value="27">27</option>
&nbsp; &nbsp; &nbsp; <option value="28">28</option>
&nbsp; &nbsp; &nbsp; <option value="29">29</option>
&nbsp; &nbsp; &nbsp; <option value="30">30</option>
&nbsp; &nbsp; &nbsp; <option value="31">31</option>
&nbsp; &nbsp; &nbsp;</select>
&nbsp; &nbsp; </td>
&nbsp; &nbsp; <td>Month </td>
&nbsp; &nbsp; <td>
&nbsp; &nbsp; &nbsp;<select size="1" name="month">
&nbsp; &nbsp; &nbsp; <option value="1">January</option>
&nbsp; &nbsp; &nbsp; <option value="2">February</option>
&nbsp; &nbsp; &nbsp; <option value="3">March</option>
&nbsp; &nbsp; &nbsp; <option value="4">April</option>
&nbsp; &nbsp; &nbsp; <option value="5">May</option>
&nbsp; &nbsp; &nbsp; <option value="6">June</option>
&nbsp; &nbsp; &nbsp; <option value="7">July</option>
&nbsp; &nbsp; &nbsp; <option value="8">August</option>
&nbsp; &nbsp; &nbsp; <option value="9">September</option>
&nbsp; &nbsp; &nbsp; <option value="10">October</option>
&nbsp; &nbsp; &nbsp; <option value="11">November</option>
&nbsp; &nbsp; &nbsp; <option value="12">December</option>
&nbsp; &nbsp; &nbsp;</select>
&nbsp; &nbsp; </td>
&nbsp; &nbsp;</tr>
&nbsp; &nbsp;<tr>
&nbsp; &nbsp; <td>Start </td>
&nbsp; &nbsp; <td>
&nbsp; &nbsp; &nbsp;<select size="1" name="start" onchange="UpdateEnd();">
&nbsp; &nbsp; &nbsp; <option value="9">09:00</option>
&nbsp; &nbsp; &nbsp; <option value="10">10:00</option>
&nbsp; &nbsp; &nbsp; <option value="11">11:00</option>
&nbsp; &nbsp; &nbsp; <option value="12">12:00</option>
&nbsp; &nbsp; &nbsp; <option value="13">13:00</option>
&nbsp; &nbsp; &nbsp; <option value="14">14:00</option>
&nbsp; &nbsp; &nbsp; <option value="15">15:00</option>
&nbsp; &nbsp; &nbsp; <option value="16">16:00</option>
&nbsp; &nbsp; &nbsp;</select>
&nbsp; &nbsp; </td>
&nbsp; &nbsp; <td>End </td>
&nbsp; &nbsp; <td>
&nbsp; &nbsp; &nbsp;<select size="1" name="end" onchange="UpdateStart();">
&nbsp; &nbsp; &nbsp; <option value="10">10:00</option>
&nbsp; &nbsp; &nbsp; <option value="11">11:00</option>
&nbsp; &nbsp; &nbsp; <option value="12">12:00</option>
&nbsp; &nbsp; &nbsp; <option value="13">13:00</option>
&nbsp; &nbsp; &nbsp; <option value="14">14:00</option>
&nbsp; &nbsp; &nbsp; <option value="15">15:00</option>
&nbsp; &nbsp; &nbsp; <option value="16">16:00</option>
&nbsp; &nbsp; &nbsp; <option value="17">17:00</option>
&nbsp; &nbsp; &nbsp;</select>
&nbsp; &nbsp; </td>
&nbsp; &nbsp;</tr>
&nbsp; </table>
&nbsp; <br />
&nbsp; <input type="button" value="Submit Query" onclick="CheckRBForm();" />
&nbsp; <input type="reset" value="Reset" />
&nbsp;</form>
</body>
</html>
Hope this helps. :)
Sparkle1984
01-29-2004, 07:44 AM
Thanks for your help ! :D