Newbie here and same goes for PHP too. Here is my problem:
I have a form in a HTML page that currently does not allow a user to submit the form unless the 'Name' and 'Email' variables are typed in. But I also want to add some further code in that requests the user to select a Single/Double/Double Deluxe or Any choice of room type.
My PHP page (ProcessContact.php) is working fine, but its the HTML form that will need me to add in the code around here:
Code: Select all
form name="form1" method="post" action="ProcessContact.php" id="form1" onSubmit="YY_checkform('form1','ContactEmail[0]','#q','2','Field \'ContactEmail[0]\' is not valid.','Name','#q','0','Field \'Name\' is not valid.','EMail','#S','2','Field \'EMail\' is not valid.');return document.MM_returnValue">Code: Select all
<?
$message = "";
do {
if (($HTTP_POST_VARS[key($HTTP_POST_VARS)] != "") &&(key($HTTP_POST_VARS) != "ContactEmail")&&(key($HTTP_POST_VARS) != "submit")) {
$message .= key($HTTP_POST_VARS) . ": " . $HTTP_POST_VARS[key($HTTP_POST_VARS)] . "\n";
}
} while(next($HTTP_POST_VARS));
mail($HTTP_POST_VARS["ContactEmail"],"Booking request - from website",$message);
echo ("<script language='javascript'>document.location='thankyou.html'</script>");
?>Code: Select all
<input name="Beds-single" type="radio" id="Beds1" value="single">
<input name="Beds-double" type="radio" id="Beds2" value="double">
<input name="Beds-deluxe" type="radio" id="Beds3" value="single">
<input name="Beds-any" type="radio" id="Beds4" value="any">Code: Select all
<html>
<head>
<title>Welcome to Hotel82London - One of London's great boutique hotels</title>
<META NAME="TITLE" CONTENT="Welcome to Hotel82London - One of London's great boutique hotels">
<meta name="description" content="Hotel82London - One of London's great boutique hotels.">
<meta name="keywords" content="Luxury Hotels, Boutique Hotels, Boutique Hotels London, England, United Kingdom, Britain, Resorts, Boutique Hotel, Spa London, Wine Tours, Wine, Design Hotels, Luxury Spa, Hotels London, Accomodation, Accomodation London,">
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<style type="text/css">
<!--
body,td,th { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
body {
background-color: #CCCCCC;
margin-left: 0px;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
}
.red {color: #CC0000}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #000000;
}
a:active {
color: #000000;
}
-->
</style>
<link href="text.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function YY_checkform() { //v4.71
//copyright (c)1998,2002 Yaromat.com
var a=YY_checkform.arguments,oo=true,v='',s='',err=false,r,o,at,o1,t,i,j,ma,rx,cd,cm,cy,dte,at;
for (i=1; i<a.length;i=i+4){
if (a[i+1].charAt(0)=='#'){r=true; a[i+1]=a[i+1].substring(1);}else{r=false}
o=MM_findObj(a[i].replace(/\[\d+\]/ig,""e;));
o1=MM_findObj(aїi+1].replace(/\ї\d+\]/ig,"e;"e;));
v=o.value;t=aїi+2];
if (o.type=='text'||o.type=='password'||o.type=='hidden'){
if (r&&v.length==0){err=true}
if (v.length>0)
if (t==1){ //fromto
ma=a[i+1].split('_');if(isNaN(v)||v<ma[0]/1||v > ma[1]/1){err=true}
} else if (t==2){
rx=new RegExp("^[\\w\.=-]+@[\\w\\.-]+\\.[a-zA-Z]{2,4}$");if(!rx.test(v))err=true;
} else if (t==3){ // date
ma=a[i+1].split("#");at=v.match(ma[0]);
if(at){
cd=(at[ma[1]])?at[ma[1]]:1;cm=at[ma[2]]-1;cy=at[ma[3]];
dte=new Date(cy,cm,cd);
if(dte.getFullYear()!=cy||dte.getDate()!=cd||dte.getMonth()!=cm){err=true};
}else{err=true}
} else if (t==4){ // time
ma=a[i+1].split("#");at=v.match(ma[0]);if(!at){err=true}
} else if (t==5){ // check this 2
if(o1.length)o1=o1[a[i+1].replace(/(.*\[)|(\].*)/ig,"")];
if(!o1.checked){err=true}
} else if (t==6){ // the same
if(v!=MM_findObj(a[i+1]).value){err=true}
}
} else
if (!o.type&&o.length>0&&o[0].type=='radio'){
at = a[i].match(/(.*)\[(\d+)\].*/i);
o2=(o.length>1)?o[at[2]]:o;
if (t==1&&o2&&o2.checked&&o1&&o1.value.length/1==0){err=true}
if (t==2){
oo=false;
for(j=0;j<o.length;j++){oo=oo||o[j].checked}
if(!oo){s+='* '+a[i+3]+'\n'}
}
} else if (o.type=='checkbox'){
if((t==1&&o.checked==false)||(t==2&&o.checked&&o1&&o1.value.length/1==0)){err=true}
} else if (o.type=='select-one'||o.type=='select-multiple'){
if(t==1&&o.selectedIndex/1==0){err=true}
}else if (o.type=='textarea'){
if(v.length<a[i+1]){err=true}
}
if (err){s+='* '+a[i+3]+'\n'; err=false}
}
if (s!=''){alert('The required information is incomplete or contains errors:\t\t\t\t\t\n\n'+s)}
document.MM_returnValue = (s=='');
}
function radioJump() {
document.location ='#comments'
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('images/sleep_f2.gif','images/eat_f2.gif','images/drink_f2.gif','images/relax_f2.gif','images/book_f2.gif','images/home_f2.gif');">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="720">
<!-- fwtable fwsrc="82-home.png" fwbase="gloucester.jpg" fwstyle="Dreamweaver" fwdocid = "1149027562" fwnested="0" -->
<tr>
<td><img src="images/spacer.gif" width="156" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="80" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="60" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="80" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="70" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="14" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="55" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="151" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="43" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="11" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td colspan="10"><img name="head" src="images/head.gif" width="720" height="55" border="0" alt="<82 Gloucester Place London W1>"></td>
<td><img src="images/spacer.gif" width="1" height="55" border="0" alt=""></td>
</tr>
<tr>
<td><img name="navleft" src="images/navleft.gif" width="156" height="17" border="0" alt=""></td>
<td><a href="sleep.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sleep','','images/sleep_f2.gif',1);"><img name="sleep" src="images/sleep.gif" width="80" height="17" border="0" alt="<sleep>"></a></td>
<td><a href="eat.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('eat','','images/eat_f2.gif',1);"><img name="eat" src="images/eat.gif" width="60" height="17" border="0" alt="<eat>"></a></td>
<td><a href="drink.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('drink','','images/drink_f2.gif',1);"><img name="drink"e; src="e;images/drink.gif"e; width="e;80"e; height="e;17"e; border="e;0"e; alt="e;<drink>"e;></a></td>
<td colspan="2"><a href="relax.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('relax','','images/relax_f2.gif',1);"><img name="relax" src="images/relax.gif" width="84" height="17" border="0" alt="<relax>"></a></td>
<td><a href="book.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('book','','images/book_f2.gif',1);"><img name="book" src="images/book.gif" width="55" height="17" border="0" alt="<book>"></a></td>
<td><img name="navright" src="images/navright.gif" width="151" height="17" border="0" alt=""></td>
<td colspan="2"><a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/home_f2.gif',1);"><img name="home" src="images/home.gif" width="54" height="17" border="0" alt="<home>"></a></td>
<td><img src="images/spacer.gif" width="1" height="17" border="0" alt=""></td>
</tr>
<tr>
<td colspan="10" rowspan="9" align="center" valign="middle" bgcolor="#FFFFFF"> <div align="center">
<form name="form1" method="post" action="ProcessContact.php" id="form1" onSubmit="YY_checkform('form1','ContactEmail[0]','#q','2','Field \'ContactEmail[0]\' is not valid.','Name','#q','0','Field \'Name\' is not valid.','EMail','#S','2','Field \'EMail\' is not valid.');return document.MM_returnValue">
<table width="600" border="0" cellspacing="4" cellpadding="0" style="border: 1px solid #333333;">
<tr>
<td> </td>
<td colspan="2">reservation details</td>
<td width="74"> </td>
<td width="74"> </td>
<td width="13" rowspan="7" style="border-left: 2px solid #999999;"> </td>
<td colspan="2">comments / requirements</td>
<td width="24"> </td>
</tr>
<tr>
<td width="1"> </td>
<td width="199"><div align="right">Check in </div></td>
<td width="63"><select name="inDate" class="formFont">
<option value="">Date</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="e;29"e;>29</option>
<option value="e;30"e;>30</option>
<option value="e;31"e;>31</option>
</select></td>
<td><select name="e;inMonth"e; class="e;formFont"e;>
<option value="e;"e;>Month</option>
<option value="e;1"e;>Jan</option>
<option value="e;2"e;>Feb</option>
<option value="e;3"e;>Mar</option>
<option value="e;4"e;>Apr</option>
<option value="e;5"e;>May</option>
<option value="e;6"e;>Jun</option>
<option value="e;7"e;>Jul</option>
<option value="e;8"e;>Aug</option>
<option value="e;9"e;>Sep</option>
<option value="e;10"e;>Oct</option>
<option value="e;11"e;>Nov</option>
<option value="e;12"e;>Dec</option>
</select></td>
<td><select name="e;inYear"e; class="e;formFont"e;>
<option value="e;"e;>Year</option>
<option value="e;05"e;>2005</option>
<option value="e;06"e;>2006</option>
<option value="e;07"e;>2007</option>
<option value="e;08"e;>2008</option>
<option value="e;09"e;>2009</option>
</select></td>
<td colspan="e;2"e; rowspan="e;3"e;><textarea name="e;comments"e; cols="e;25"e; rows="e;4"e;>&nbsp;</textarea></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><div align="e;right"e;>Check out </div></td>
<td><select name="e;outDay"e; class="e;formFont"e;>
<option value="e;"e;>Date</option>
<option value="e;1"e;>1</option>
<option value="e;2"e;>2</option>
<option value="e;3"e;>3</option>
<option value="e;4"e;>4</option>
<option value="e;5"e;>5</option>
<option value="e;6"e;>6</option>
<option value="e;7"e;>7</option>
<option value="e;8"e;>8</option>
<option value="e;9"e;>9</option>
<option value="e;10"e;>10</option>
<option value="e;11"e;>11</option>
<option value="e;12"e;>12</option>
<option value="e;13"e;>13</option>
<option value="e;14"e;>14</option>
<option value="e;15"e;>15</option>
<option value="e;16"e;>16</option>
<option value="e;17"e;>17</option>
<option value="e;18"e;>18</option>
<option value="e;19"e;>19</option>
<option value="e;20"e;>20</option>
<option value="e;21"e;>21</option>
<option value="e;22"e;>22</option>
<option value="e;23"e;>23</option>
<option value="e;24"e;>24</option>
<option value="e;25"e;>25</option>
<option value="e;26"e;>26</option>
<option value="e;27"e;>27</option>
<option value="e;28"e;>28</option>
<option value="e;29"e;>29</option>
<option value="e;30"e;>30</option>
<option value="e;31"e;>31</option>
</select></td>
<td><select name="e;outMonth"e; class="e;formFont"e;>
<option value="e;"e;>Month</option>
<option value="e;1"e;>Jan</option>
<option value="e;2"e;>Feb</option>
<option value="e;3"e;>Mar</option>
<option value="e;4"e;>Apr</option>
<option value="e;5"e;>May</option>
<option value="e;6"e;>Jun</option>
<option value="e;7"e;>Jul</option>
<option value="e;8"e;>Aug</option>
<option value="e;9"e;>Sep</option>
<option value="e;10"e;>Oct</option>
<option value="e;11"e;>Nov</option>
<option value="e;12"e;>Dec</option>
</select></td>
<td><select name="e;outYear"e; class="e;formFont"e;>
<option value="e;"e;>Year</option>
<option value="e;05"e;>2005</option>
<option value="e;06"e;>2006</option>
<option value="e;07"e;>2007</option>
<option value="e;08"e;>2008</option>
<option value="e;09"e;>2009</option>
</select></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><div align="right">Adults</div></td>
<td><select name="Adults" class="formFont">
<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>
</select></td>
<td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Children</td>
<td><div align="right">Yes</div></td>
<td><input name="Children" type="radio" id="Children" value="yes"></td>
<td><div align="right">No</div></td>
<td><input name="Children" type="radio" id="Children" value="no" checked></td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="4"><hr /></td>
<td width="49"><div align="right">Tel</div></td>
<td width="166"><input name="Tel" type="text" id="Tel" size="25"></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><div align="right">Single</div></td>
<td><input name="Beds" type="radio" id="Beds" value="single"></td>
<td>Double</td>
<td><input name="Beds" type="radio" id="Beds" value="double"></td>
<td><div align="right">Name <span class="red">*</span></div></td>
<td><input name="Name" type="text" id="Name" size="25"></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><div align="right">Double Deluxe </div></td>
<td><input name="Beds" type="radio" id="Beds" value="deluxe"></td>
<td>Any</td>
<td><input name="Beds" type="radio" id="Beds" value="any">
</td>
<td><div align="right">Email <span class="red">*</span></div></td>
<td><input name="EMail" type="text" id="EMail" size="25"></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="7"><hr /></td>
<td> </td>
</tr>
<tr valign="middle">
<td> </td>
<td colspan="4">Please get back to me by: Email
<input type="checkbox" name="Contact by" id="Contact by" value="email-me">
Telephone
<input type="checkbox" name="Contact by" id="Contact by" value="telephone-me">
</td>
<td style="border-left: 2px solid #999999;"> </td>
<td colspan="2">Reference special offer
<input name="Ref" type="text" id="Ref" size="12"></td>
<td> </td>
</tr>
</table>
<table width="600" height="21" border="0">
<tr>
<td width="337" align="left" valign="top" scope="col"><br>
Alternatively call <strong>+44 (0) 20 7486 3679</strong> to make your booking</td>
<td width="253" align="right" valign="top" scope="col"><input name="ContactEmail" type="hidden" value="info@hotel82london.com">
<input name="e;submit"e; type="e;submit"e; value="e;submit"e;></td>
</tr>
</table>
</form>
</div></td>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;41"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;9"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;102"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;17"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;54"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;11"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;23"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;34"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;11"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td colspan="e;10"e;><img src="e;images/footer.gif"e; alt="e;<site by AM Creative>"e; name="e;footer"e; width="e;720"e; height="e;41"e; border="e;0"e; usemap="e;#footerMap"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;41"e; border="e;0"e; alt="e;"e;></td>
</tr>
</table>
<table width="e;100%"e; border="e;0"e;>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
<map name="e;footerMap"e;>
<area shape="e;rect"e; coords="e;662,10,712,19"e; href="e;http://www.amcreative.biz"e;>
</map>
</body>
</html>Many thanks to all who offer me advice in advance.
Athemiyad in. But I also want to add some further code in that requests the user to select a Single/Double/Double Deluxe or Any choice of room type.
My PHP page (ProcessContact.php) is working fine, but its the HTML form that will need me to add in the code around here:
Code: Select all
form name="e;form1"e; method="e;post"e; action="e;ProcessContact.php" id="form1" onSubmit="YY_checkform('form1','ContactEmail[0]','#q','2','Field \'ContactEmail[0]\' is not valid.','Name','#q','0','Field \'Name\' is not valid.','EMail','#S','2','Field \'EMail\' is not valid.');return document.MM_returnValue">Code: Select all
<?
$message = "";
do {
if (($HTTP_POST_VARS[key($HTTP_POST_VARS)] != "") &&(key($HTTP_POST_VARS) != "ContactEmail")&&(key($HTTP_POST_VARS) != "submit")) {
$message .= key($HTTP_POST_VARS) . ": " . $HTTP_POST_VARS[key($HTTP_POST_VARS)] . "\n";
}
} while(next($HTTP_POST_VARS));
mail($HTTP_POST_VARS["ContactEmail"],"Booking request - from website",$message);
echo ("<script language='javascript'>document.location='thankyou.html'</script>");
?>Code: Select all
<input name="e;Beds-single"e; type="e;radio"e; id="e;Beds1"e; value="e;single"e;>
<input name="e;Beds-double"e; type="e;radio"e; id="e;Beds2"e; value="e;double"e;>
<input name="e;Beds-deluxe"e; type="e;radio"e; id="e;Beds3"e; value="e;single"e;>
<input name="e;Beds-any"e; type="e;radio"e; id="e;Beds4"e; value="e;any"e;>Code: Select all
<html>
<head>
<title>Welcome to Hotel82London - One of London's great boutique hotels</title>
<META NAME="e;TITLE"e; CONTENT="e;Welcome to Hotel82London - One of London's great boutique hotels"e;>
<meta name="e;description"e; content="e;Hotel82London - One of London's great boutique hotels."e;>
<meta name="e;keywords"e; content="e;Luxury Hotels, Boutique Hotels, Boutique Hotels London, England, United Kingdom, Britain, Resorts, Boutique Hotel, Spa London, Wine Tours, Wine, Design Hotels, Luxury Spa, Hotels London, Accomodation, Accomodation London,"e;>
<script language="e;JavaScript"e;>
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("e;?"e;))>0&&parent.frames.length) {
d=parent.framesїn.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=dїn])&&d.all) x=d.allїn]; for (i=0;!x&&i<d.forms.length;i++) x=d.formsїi]їn];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layersїi].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(aїi]))!=null){document.MM_srїj++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=aїi+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=aїi])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (aїi].indexOf("e;#"e;)!=0){ d.MM_pїj]=new Image; d.MM_pїj++].src=aїi];}}
}
//-->
</script>
<style type="e;text/css"e;>
<!--
body,td,th { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
body {
background-color: #CCCCCC;
margin-left: 0px;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
}
.red {color: #CC0000}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #000000;
}
a:active {
color: #000000;
}
-->
</style>
<link href="e;text.css"e; rel="e;stylesheet"e; type="e;text/css"e;>
<style type="e;text/css"e;>
<!--
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
-->
</style>
<script language="e;JavaScript"e; type="e;text/JavaScript"e;>
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("e;?"e;))>0&&parent.frames.length) {
d=parent.framesїn.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=dїn])&&d.all) x=d.allїn]; for (i=0;!x&&i<d.forms.length;i++) x=d.formsїi]їn];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layersїi].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function YY_checkform() { //v4.71
//copyright (c)1998,2002 Yaromat.com
var a=YY_checkform.arguments,oo=true,v='',s='',err=false,r,o,at,o1,t,i,j,ma,rx,cd,cm,cy,dte,at;
for (i=1; i<a.length;i=i+4){
if (aїi+1].charAt(0)=='#'){r=true; aїi+1]=aїi+1].substring(1);}else{r=false}
o=MM_findObj(aїi].replace(/\ї\d+\]/ig,"e;"e;));
o1=MM_findObj(aїi+1].replace(/\ї\d+\]/ig,"e;"e;));
v=o.value;t=aїi+2];
if (o.type=='text'||o.type=='password'||o.type=='hidden'){
if (r&&v.length==0){err=true}
if (v.length>0)
if (t==1){ //fromto
ma=aїi+1].split('_');if(isNaN(v)||v<maї0]/1||v > maї1]/1){err=true}
} else if (t==2){
rx=new RegExp("e;^ї\\w\.=-]+@ї\\w\\.-]+\\.їa-zA-Z]{2,4}$"e;);if(!rx.test(v))err=true;
} else if (t==3){ // date
ma=aїi+1].split("e;#"e;);at=v.match(maї0]);
if(at){
cd=(atїmaї1]])?atїmaї1]]:1;cm=atїmaї2]]-1;cy=atїmaї3]];
dte=new Date(cy,cm,cd);
if(dte.getFullYear()!=cy||dte.getDate()!=cd||dte.getMonth()!=cm){err=true};
}else{err=true}
} else if (t==4){ // time
ma=aїi+1].split("e;#"e;);at=v.match(maї0]);if(!at){err=true}
} else if (t==5){ // check this 2
if(o1.length)o1=o1їaїi+1].replace(/(.*\ї)|(\].*)/ig,"e;"e;)];
if(!o1.checked){err=true}
} else if (t==6){ // the same
if(v!=MM_findObj(aїi+1]).value){err=true}
}
} else
if (!o.type&&o.length>0&&oї0].type=='radio'){
at = aїi].match(/(.*)\ї(\d+)\].*/i);
o2=(o.length>1)?oїatї2]]:o;
if (t==1&&o2&&o2.checked&&o1&&o1.value.length/1==0){err=true}
if (t==2){
oo=false;
for(j=0;j<o.length;j++){oo=oo||oїj].checked}
if(!oo){s+='* '+aїi+3]+'\n'}
}
} else if (o.type=='checkbox'){
if((t==1&&o.checked==false)||(t==2&&o.checked&&o1&&o1.value.length/1==0)){err=true}
} else if (o.type=='select-one'||o.type=='select-multiple'){
if(t==1&&o.selectedIndex/1==0){err=true}
}else if (o.type=='textarea'){
if(v.length<aїi+1]){err=true}
}
if (err){s+='* '+aїi+3]+'\n'; err=false}
}
if (s!=''){alert('The required information is incomplete or contains errors:\t\t\t\t\t\n\n'+s)}
document.MM_returnValue = (s=='');
}
function radioJump() {
document.location ='#comments'
}
//-->
</script>
</head>
<body onLoad="e;MM_preloadImages('images/sleep_f2.gif','images/eat_f2.gif','images/drink_f2.gif','images/relax_f2.gif','images/book_f2.gif','images/home_f2.gif');"e;>
<div align="e;center"e;>
<table border="e;0"e; cellpadding="e;0"e; cellspacing="e;0"e; width="e;720"e;>
<!-- fwtable fwsrc="e;82-home.png"e; fwbase="e;gloucester.jpg"e; fwstyle="e;Dreamweaver"e; fwdocid = "e;1149027562"e; fwnested="e;0"e; -->
<tr>
<td><img src="e;images/spacer.gif"e; width="e;156"e; height="e;1"e; border="e;0"e; alt="e;"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;80"e; height="e;1"e; border="e;0"e; alt="e;"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;60"e; height="e;1"e; border="e;0"e; alt="e;"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;80"e; height="e;1"e; border="e;0"e; alt="e;"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;70"e; height="e;1"e; border="e;0"e; alt="e;"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;14"e; height="e;1"e; border="e;0"e; alt="e;"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;55"e; height="e;1"e; border="e;0"e; alt="e;"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;151"e; height="e;1"e; border="e;0"e; alt="e;"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;43"e; height="e;1"e; border="e;0"e; alt="e;"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;11"e; height="e;1"e; border="e;0"e; alt="e;"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;1"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td colspan="e;10"e;><img name="e;head"e; src="e;images/head.gif"e; width="e;720"e; height="e;55"e; border="e;0"e; alt="e;<82 Gloucester Place London W1>"e;></td>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;55"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td><img name="e;navleft"e; src="e;images/navleft.gif"e; width="e;156"e; height="e;17"e; border="e;0"e; alt="e;"e;></td>
<td><a href="e;sleep.htm"e; onMouseOut="e;MM_swapImgRestore()"e; onMouseOver="e;MM_swapImage('sleep','','images/sleep_f2.gif',1);"e;><img name="e;sleep"e; src="e;images/sleep.gif"e; width="e;80"e; height="e;17"e; border="e;0"e; alt="e;<sleep>"e;></a></td>
<td><a href="e;eat.htm"e; onMouseOut="e;MM_swapImgRestore()"e; onMouseOver="e;MM_swapImage('eat','','images/eat_f2.gif',1);"e;><img name="e;eat"e; src="e;images/eat.gif"e; width="e;60"e; height="e;17"e; border="e;0"e; alt="e;<eat>"e;></a></td>
<td><a href="e;drink.htm"e; onMouseOut="e;MM_swapImgRestore()"e; onMouseOver="e;MM_swapImage('drink','','images/drink_f2.gif',1);"e;><img name="e;drink"e; src="e;images/drink.gif"e; width="e;80"e; height="e;17"e; border="e;0"e; alt="e;<drink>"e;></a></td>
<td colspan="e;2"e;><a href="e;relax.htm"e; onMouseOut="e;MM_swapImgRestore()"e; onMouseOver="e;MM_swapImage('relax','','images/relax_f2.gif',1);"e;><img name="e;relax"e; src="e;images/relax.gif"e; width="e;84"e; height="e;17"e; border="e;0"e; alt="e;<relax>"e;></a></td>
<td><a href="e;book.htm"e; onMouseOut="e;MM_swapImgRestore()"e; onMouseOver="e;MM_swapImage('book','','images/book_f2.gif',1);"e;><img name="e;book"e; src="e;images/book.gif"e; width="e;55"e; height="e;17"e; border="e;0"e; alt="e;<book>"e;></a></td>
<td><img name="e;navright"e; src="e;images/navright.gif"e; width="e;151"e; height="e;17"e; border="e;0"e; alt="e;"e;></td>
<td colspan="e;2"e;><a href="e;index.htm"e; onMouseOut="e;MM_swapImgRestore()"e; onMouseOver="e;MM_swapImage('home','','images/home_f2.gif',1);"e;><img name="e;home"e; src="e;images/home.gif"e; width="e;54"e; height="e;17"e; border="e;0"e; alt="e;<home>"e;></a></td>
<td><img src="e;images/spacer.gif"e; width="e;1"e; height="e;17"e; border="e;0"e; alt="e;"e;></td>
</tr>
<tr>
<td colspan="e;10"e; rowspan="e;9"e; align="e;center"e; valign="e;middle"e; bgcolor="e;#FFFFFF"e;> <div align="e;center"e;>
<form name="e;form1"e; method="e;post"e; action="e;ProcessContact.php"e; id="e;form1"e; onSubmit="e;YY_checkform('form1','ContactEmailї0]','#q','2','Field \'ContactEmailї0]\' is not valid.','Name','#q','0','Field \'Name\' is not valid.','EMail','#S','2','Field \'EMail\' is not valid.');return document.MM_returnValue"e;>
<table width="e;600"e; border="e;0"e; cellspacing="e;4"e; cellpadding="e;0"e; style="e;border: 1px solid #333333;"e;>
<tr>
<td>&nbsp;</td>
<td colspan="e;2"e;>reservation details</td>
<td width="e;74"e;>&nbsp;</td>
<td width="e;74"e;>&nbsp;</td>
<td width="e;13"e; rowspan="e;7"e; style="e;border-left: 2px solid #999999;"e;>&nbsp;</td>
<td colspan="e;2"e;>comments / requirements</td>
<td width="e;24"e;>&nbsp;</td>
</tr>
<tr>
<td width="e;1"e;>&nbsp;</td>
<td width="e;199"e;><div align="e;right"e;>Check in </div></td>
<td width="e;63"e;><select name="e;inDate"e; class="e;formFont"e;>
<option value="e;"e;>Date</option>
<option value="e;1"e;>1</option>
<option value="e;2"e;>2</option>
<option value="e;3"e;>3</option>
<option value="e;4"e;>4</option>
<option value="e;5"e;>5</option>
<option value="e;6"e;>6</option>
<option value="e;7"e;>7</option>
<option value="e;8"e;>8</option>
<option value="e;9"e;>9</option>
<option value="e;10"e;>10</option>
<option value="e;11"e;>11</option>
<option value="e;12"e;>12</option>
<option value="e;13"e;>13</option>
<option value="e;14"e;>14</option>
<option value="e;15"e;>15</option>
<option value="e;16"e;>16</option>
<option value="e;17"e;>17</option>
<option value="e;18"e;>18</option>
<option value="e;19"e;>19</option>
<option value="e;20"e;>20</option>
<option value="e;21"e;>21</option>
<option value="e;22"e;>22</option>
<option value="e;23"e;>23</option>
<option value="e;24"e;>24</option>
<option value="e;25"e;>25</option>
<option value="e;26"e;>26</option>
<option value="e;27"e;>27</option>
<option value="e;28"e;>28</option>
<option value="e;29"e;>29</option>
<option value="e;30"e;>30</option>
<option value="e;31"e;>31</option>
</select></td>
<td><select name="e;inMonth"e; class="e;formFont"e;>
<option value="e;"e;>Month</option>
<option value="e;1"e;>Jan</option>
<option value="e;2"e;>Feb</option>
<option value="e;3"e;>Mar</option>
<option value="e;4"e;>Apr</option>
<option value="e;5"e;>May</option>
<option value="e;6"e;>Jun</option>
<option value="e;7"e;>Jul</option>
<option value="e;8"e;>Aug</option>
<option value="e;9"e;>Sep</option>
<option value="e;10"e;>Oct</option>
<option value="e;11"e;>Nov</option>
<option value="e;12"e;>Dec</option>
</select&g