ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>A bed Above :: Booking</title> <link href="images/styles.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="Main"> <div id="Header"></div> <div id="DividerLine"></div> <div id="Menu"> <div id="MenuSpacerA"></div> <div class="MenuBtnHome"><a href="index.html">home</a></div> <div class="MenuBtnRooms"><a href="RoomsNew.html">rooms</a></div> <div class="MenuBtnFacilities"><a href="FacilitiesNew.html">facilities</a></div> <div class="MenuBtnMap"><a href="MapNew.html">map</a></div> <div class="MenuBtnContact"><a href="ContactNew.html">contact</a></div> <div class="MenuBtnBooking"><span class="MenuBtnSelected">booking</span></div> </div> <div id="Body"> <div id="BodySpacerA"></div> <div id="BodySpacerPic"><div id="BodySpacerPicTop"></div><div id="BodySpacerPicHolder"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="494" height="362"> <param name="movie" value="images/FlashSlider.swf" /> <param name="quality" value="high" /> <embed src="images/FlashSlider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="494" height="362"></embed> </object> </div> </div> <div id="BodySpacerB"></div> <div id="BodySpacerContent"><div id="BodySpacerContentTop"></div> <div id="BodySpacerContentText"> <script Language="JavaScript" Type="text/javascript"><!-- function FrontPage_Form1_Validator(theForm) { if (theForm.Naam.value == "") { alert("Please enter a value for the \"Name\" field."); theForm.Naam.focus(); return (false); } if (theForm.Naam.value.length < 5) { alert("Please enter at least 5 characters in the \"Name\" field."); theForm.Naam.focus(); return (false); } if (theForm.Naam.value.length > 25) { alert("Please enter at most 25 characters in the \"Name\" field."); theForm.Naam.focus(); return (false); } var checkOK = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz’`R}aS~xÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿ \t\r\n\f"; var checkStr = theForm.Naam.value; var allValid = true; var validGroups = true; for (i = 0; i < checkStr.length; i++) { ch = checkStr.charAt(i); for (j = 0; j < checkOK.length; j++) if (ch == checkOK.charAt(j)) break; if (j == checkOK.length) { allValid = false; break; } } if (!allValid) { alert("Please enter only letter and whitespace characters in the \"Name\" field."); theForm.Naam.focus(); return (false); } if (theForm.Email_Adres.value == "") { alert("Please enter a value for the \"Email Address\" field."); theForm.Email_Adres.focus(); return (false); } if (theForm.Email_Adres.value.length < 5) { alert("Please enter at least 5 characters in the \"Email Address\" field."); theForm.Email_Adres.focus(); return (false); } if (theForm.Email_Adres.value.length > 25) { alert("Please enter at most 25 characters in the \"Email Address\" field."); theForm.Email_Adres.focus(); return (false); } if (theForm.telefoonnr.value == "") { alert("Please enter a value for the \"Telephone Number\" field."); theForm.telefoonnr.focus(); return (false); } if (theForm.telefoonnr.value.length < 6) { alert("Please enter at least 6 characters in the \"Telephone Number\" field."); theForm.telefoonnr.focus(); return (false); } if (theForm.telefoonnr.value.length > 15) { alert("Please enter at most 15 characters in the \"Telephone Number\" field."); theForm.telefoonnr.focus(); return (false); } var checkOK = "0123456789-."; var checkStr = theForm.telefoonnr.value; var allValid = true; var validGroups = true; var decPoints = 0; var allNum = ""; for (i = 0; i < checkStr.length; i++) { ch = checkStr.charAt(i); for (j = 0; j < checkOK.length; j++) if (ch == checkOK.charAt(j)) break; if (j == checkOK.length) { allValid = false; break; } if (ch == ".") { allNum += "."; decPoints++; } else allNum += ch; } if (!allValid) { alert("Please enter only digit characters in the \"Telephone Number\" field."); theForm.telefoonnr.focus(); return (false); } if (decPoints > 1 || !validGroups) { alert("Please enter a valid number in the \"telefoonnr\" field."); theForm.telefoonnr.focus(); return (false); } if (theForm.arrival_day.selectedIndex < 0) { alert("Please select one of the \"From day\" options."); theForm.arrival_day.focus(); return (false); } if (theForm.arrival_day.selectedIndex == 0) { alert("The first \"From day\" option is not a valid selection. Please choose one of the other options."); theForm.arrival_day.focus(); return (false); } if (theForm.arrival_month.selectedIndex < 0) { alert("Please select one of the \"From Month\" options."); theForm.arrival_month.focus(); return (false); } if (theForm.arrival_month.selectedIndex == 0) { alert("The first \"From Month\" option is not a valid selection. Please choose one of the other options."); theForm.arrival_month.focus(); return (false); } if (theForm.arrival_year.selectedIndex < 0) { alert("Please select one of the \"Year\" options."); theForm.arrival_year.focus(); return (false); } if (theForm.departure_date.selectedIndex < 0) { alert("Please select one of the \"From day\" options."); theForm.departure_date.focus(); return (false); } if (theForm.departure_date.selectedIndex == 0) { alert("The first \"From day\" option is not a valid selection. Please choose one of the other options."); theForm.departure_date.focus(); return (false); } if (theForm.departure_month.selectedIndex < 0) { alert("Please select one of the \"From Month\" options."); theForm.departure_month.focus(); return (false); } if (theForm.departure_month.selectedIndex == 0) { alert("The first \"From Month\" option is not a valid selection. Please choose one of the other options."); theForm.departure_month.focus(); return (false); } if (theForm.departure_year.selectedIndex < 0) { alert("Please select one of the \"Year\" options."); theForm.departure_year.focus(); return (false); } if (theForm.Aantal_gaste.value == "") { alert("Please enter a value for the \"Number of Guests\" field."); theForm.Aantal_gaste.focus(); return (false); } if (theForm.Aantal_gaste.value.length < 1) { alert("Please enter at least 1 characters in the \"Number of Guests\" field."); theForm.Aantal_gaste.focus(); return (false); } if (theForm.Aantal_gaste.value.length > 2) { alert("Please enter at most 2 characters in the \"Number of Guests\" field."); theForm.Aantal_gaste.focus(); return (false); } var checkOK = "0123456789-.,"; var checkStr = theForm.Aantal_gaste.value; var allValid = true; var validGroups = true; var decPoints = 0; var allNum = ""; for (i = 0; i < checkStr.length; i++) { ch = checkStr.charAt(i); for (j = 0; j < checkOK.length; j++) if (ch == checkOK.charAt(j)) break; if (j == checkOK.length) { allValid = false; break; } if (ch == ".") { allNum += "."; decPoints++; } else if (ch == "," && decPoints != 0) { validGroups = false; break; } else if (ch != ",") allNum += ch; } if (!allValid) { alert("Please enter only digit characters in the \"Number of Guests\" field."); theForm.Aantal_gaste.focus(); return (false); } if (decPoints > 1 || !validGroups) { alert("Please enter a valid number in the \"Aantal_gaste\" field."); theForm.Aantal_gaste.focus(); return (false); } return (true); } //--></script> <form action="mailto:info@abedabove.co.za?subject=Online Booking" onSubmit="return FrontPage_Form1_Validator(this)" method="post" enctype="text/plain" id="form1"> <span class="Heading">Booking (Microsoft Outlook required)</span> <table border="0" width="100%"> <tr> <td>Name:</td> <td width="70%"> <!--webbot bot="Validation" S-Display-Name="Name" S-Data-Type="String" B-Allow-Letters="TRUE" B-Allow-WhiteSpace="TRUE" B-Value-Required="TRUE" I-Minimum-Length="5" I-Maximum-Length="25" --> <input type="text" name="Naam" id="Naam" size="30" maxlength="25"></td> </tr> <tr> <td>E-mail address:</td> <td width="70%"> <!--webbot bot="Validation" S-Display-Name="Email Address" B-Value-Required="TRUE" I-Minimum-Length="5" I-Maximum-Length="25" --> <input type="text" name="Email_Adres" id="Email_Adres" size="30" maxlength="25"></td> </tr> <tr> <td>Telephone no. :</td> <td width="70%"> <!--webbot bot="Validation" S-Display-Name="Telephone Number" S-Data-Type="Number" S-Number-Separators="x." B-Value-Required="TRUE" I-Minimum-Length="6" I-Maximum-Length="15" --> <input type="text" name="telefoonnr" size="15" maxlength="15"></td> </tr> <tr> <td>Arrival date:</td> <td width="70%"><b><font color="#003366" face="Comic Sans MS" size="2"> <!--webbot bot="Validation" s-display-name="From day" b-value-required="TRUE" b-disallow-first-item="TRUE" --> <select name="arrival_day" size="1" class="DropdownDay" > <option value="day" selected>(day)</option> <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> <!--webbot bot="Validation" s-display-name="From Month" b-value-required="TRUE" b-disallow-first-item="TRUE" --> <select name="arrival_month" size="1" class="DropdownMonth"> <option value="Month" selected>(Month)</option> <option value="January">January</option> <option value="February">February</option> <option value="March">March</option> <option value="April">April</option> <option value="May">May</option> <option value="June">June</option> <option value="July">July</option> <option value="August">August</option> <option value="September">September</option> <option value="October">October</option> <option value="November">November</option> <option value="December">December</option> </select> <!--webbot bot="Validation" s-display-name="Year" b-value-required="TRUE" --> <select size="1" name="arrival_year"> <option value="2009">2009</option> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> </select></font></b></td> </tr> <tr> <td>Departure date:</td> <td width="70%"><b><font color="#003366" face="Comic Sans MS" size="2"> <!--webbot bot="Validation" s-display-name="From day" b-value-required="TRUE" b-disallow-first-item="TRUE" --> <select name="departure_date" size="1" class="DropdownDay"> <option value="day" selected>(day)</option> <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> <!--webbot bot="Validation" s-display-name="From Month" b-value-required="TRUE" b-disallow-first-item="TRUE" --> <select name="departure_month" size="1" class="DropdownMonth"> <option value="Month" selected>(Month)</option> <option value="January">January</option> <option value="February">February</option> <option value="March">March</option> <option value="April">April</option> <option value="May">May</option> <option value="June">June</option> <option value="July">July</option> <option value="August">August</option> <option value="September">September</option> <option value="October">October</option> <option value="November">November</option> <option value="December">December</option> </select> <!--webbot bot="Validation" s-display-name="Year" b-value-required="TRUE" --> <select size="1" name="departure_year"> <option value="2009">2009</option> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> </select></font></b></td> </tr> <tr> <td>Number of guests:</td> <td width="70%"> <!--webbot bot="Validation" s-display-name="Number of Guests" s-data-type="Number" s-number-separators=",." b-value-required="TRUE" i-minimum-length="1" i-maximum-length="2" --> <input type="text" name="Aantal_gaste" size="2" maxlength="2"></td> </tr> <tr> <td>Special requirements:</td> <td width="70%"><textarea rows="5" name="Spesiale_versoeke" cols="20"></textarea></td> </tr> </table> <p align="center"><input type="submit" value="Submit" name="submit"><input type="reset" value="Reset" name="reset"></p> </form> <p align="center">&nbsp;</p> </div> </div> </div> </div> </body> </html>