Your Ad Here Your Ad Here
Results 1 to 3 of 3

Thread: Help Needed - Javascript Onchange Event Handler

  1. #1
    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>

  2. Internet, Programming and Graphics   -   #2
    h1
    Guest
    Here you go:
    Code:
    &#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.

  3. Internet, Programming and Graphics   -   #3
    Thanks for your help &#33;

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •