CINXE.COM
Query Form
<!doctype html> <html> <head> <meta charset="utf-8"/> <title>Query Form</title> <meta name="robots" content="noindex, nofollow"> <link type="text/css" rel="stylesheet" href="/hotels/css-new/hotels.css" /> <link type="text/css" rel="stylesheet" href="/hotels/css-new/style.css" /> <link type="text/css" rel="stylesheet" href="/hotels/css-new/form-new.css" /> <link type="text/css" rel="stylesheet" href="/hotels/css-new/responsive.css" /> <link type="text/css" rel="stylesheet" href="/hotels/css-new/responsivemobilemenu.css" /> <link type="text/css" rel="stylesheet" href="/hotels/css-new/thickbox.css" /> <link type="text/css" rel="stylesheet" href="/hotels/css-new/jquery-ui-1.8.4.custom.css" /> <link type="text/css" rel="stylesheet" href="/hotels/css-new/jquery.autocomplete.css" /> <!-- for auto text in city--> <link type="text/css" rel="stylesheet" href="/hotels/css-new/fonts.css" /> <script type="text/javascript" src="/hotels/css-new/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/hotels/css-new/responsivemobilemenu.js"></script> <script type="text/javascript" src="/hotels/css-new/jquery-ui-1.8.4.custom.min.js"></script> <script type="text/javascript" src="/hotels/css-new/thickbox.js"></script> <script type="text/javascript" src="/hotels/css-new/main.js"></script> <script type="text/javascript" src="/hotels/css-new/jquery.autocomplete.js"></script> <!-- for auto text in city--> </head> <style> html{ /*background-color:#0066CC; /*border-right:4px solid #ccc;*/ padding-right:10px; padding-top:0px; } </style> <body> <div class="right-tbl"> <a href="javascript:void(0)" onClick="window.parent.tb_remove(); return false;"><img src="/hotels/gifs/close.png" border="0" alt="Close Window" title="Close Window" style="float:right; margin-top:-15px;margin-right:-5px;" /></a> <form name="f1" action="/world/query-small.php?hotelId=" method="post" onSubmit="return checkQueryForm(this);" class="form2" id="query_form"> <input type="hidden" name="hotelname" value="Makunudu Island"> <table class="form-tbl-new"> <tr><td><h3>Makunudu Island</h3></td></tr> <tr><td><label class="lbl">Check-in</label> <input type="text" value="" name="arrivalDt" id="arrivalDt" class="field small-field" readonly="" style="width:80px;margin-right:5px" required/></td></tr> <tr><td><label class="lbl">Check-out</label> <input type="text" value="" name="departDt" id="departDt" class="field small-field" readonly="" style="width:80px;margin-right:5px" required/></td></tr> <tr><td><label class="lbl">No. of Rooms</label> <select name="roomReq" class="field small-field" onChange="return num_of_room(this.value)" style="width:50px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select></td></tr> <tr><td id="room_req"><table> <tr><td></td> <td><label class="lbl-1">Adults</label></td> <td><label class="lbl-1">Children (0-11)</label></td></tr> <tr id="room1"><td nowrap="nowrap"><label class="lbl">Room 1 : </label></td> <td><select name="adultRoom1" id="adultRoom1" class="field small-field" style="width:50px;" onChange="insertChildLimit(this.value, 'childRoom1');"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select></td> <td><select name="childRoom1" id="childRoom1" class="field small-field" style="width:50px;"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select></td></tr> <tr id="room2" style="display:none;"><td><label class="lbl">Room 2 :</label></td> <td><select name="adultRoom2" id="adultRoom2" class="field small-field" style="width:50px;" onChange="insertChildLimit(this.value, 'childRoom2');"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select></td> <td><select name="childRoom2" id="childRoom2" class="field small-field" style="width:50px;"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select></td></tr> <tr id="room3" style="display:none;"><td><label class="lbl">Room 3 :</label></td> <td><select name="adultRoom3" id="adultRoom3" class="field small-field" style="width:50px;" onChange="insertChildLimit(this.value, 'childRoom3');"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select></td> <td><select name="childRoom3" id="childRoom3" class="field small-field" style="width:50px;"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select></td></tr> <tr id="room4" style="display:none;"><td><label class="lbl">Room 4 :</label></td> <td><select name="adultRoom4" id="adultRoom4" class="field small-field" style="width:50px;" onChange="insertChildLimit(this.value, 'childRoom4');"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select></td> <td><select name="childRoom4" id="childRoom4" class="field small-field" style="width:50px;"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select></td></tr> </table></td></tr> <tr id="nm"><td><label class="lbl">Name</label> <input type="text" value="" name="guestName" id="guestName" class="field" required /></td></tr> <tr id="em"><td><label class="lbl">Email</label> <input type="email" value="" name="emailId" id="emailId" class="field" required /></td></tr> <tr id="ph"><td><label class="lbl">Phone</label> <input type="text" value="" name="mobileNo" id="mobileNo" class="field" required /></td></tr> <tr><td><label class="lbl"></label> <a href="http://www.bharatonline.com/privacy.html" target="_blank">Privacy Policy</a></td></tr> <tr><td style="text-align:center; padding-bottom:10px;"><input type="submit" class="submit" value="Submit"> <input name="search" type="hidden" value="Submit Query" class="submit"></td></tr> </table> </form> </div> <script type="text/javascript"> $(document).ready(function() { dates = ""; var option = ""; var date = ""; mmmax='+2Y+1M +10D'; dates = $('#arrivalDt, #departDt').datepicker({ minDate:1, maxDate:mmmax, showOn: 'both', buttonImage:'/hotels/gifs/cal.gif', showAnim:'', closeText:'Close', autoSize:false, buttonImageOnly:true, changeMonth: true, changeYear: true, buttonText: 'Calander', showButtonPanel: true, numberOfMonths: 1, dateFormat: 'dd-mm-yy', onSelect: function(selectedDate) { var option = this.id == dates[0].id ? "minDate" : "maxDate"; var instance = $(this).data("datepicker"); var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings); dates.not(this).datepicker("option", option, date); } }); }); </script> </body> </html>