<?php
<style>
.ui-widget-content {
cursor:pointer;
background-color:#fff;
position:absolute !important;
z-index:1000;
border-radius:2px;
color:#000000;
border-top:1px solid #d9d9d9;
font-family:Arial, sans-serif;
box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden
}
.widget-form-row .ui-helper-hidden-accessible {
display:none;
}
.ui-autocomplete {
padding-left:0px;
}
.ui-menu .ui-menu-item {
cursor:pointer;
padding:0 4px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
line-height:30px;
text-align:left;
border-top:1px solid #e6e6e6;
font-size:12px;
color:#000000;
list-style:none;
}
.ui-menu .ui-menu-item a:hover {
color:#428bca;
text-decoration:none;
}
.ui-menu .ui-menu-item a:hover {
background-color:#fafafa
}
.ui-menu .ui-menu-item a:selected {
background-color:#ebf2fe
}
.ui-widget-content a {
}
.autocompleteleft {
float:left;
width:auto !important;
}
.autocompleteright {
float:right;
min-width:60px;
line-height:22px;
text-align:center;
color:#fff;
margin:4px 0px 0px 10px;
}
.ClearBoth {
clear:both;
}
.autocompleteright.Cities {
background:#e38a1c;
}
.autocompleteright.Hotels {
background:#ae55c2;
}
/* Widget Search Style Start */
.widget-search {
width:500px;
font-family:Arial, Helvetica, sans-serif;
}
.widget-search-form {
width:100%;
padding:20px;
background:#ffffff;
border:1px #cccccc solid;
}
.widget-form-row {
margin-bottom:15px;
}
.widget-form-row:last-child {
margin-bottom:0px;
}
.widget-input {
width:100%;
padding:6px 12px;
height:34px;
font-size:14px;
color:#555555;
font-size:14px;
border:1px #cccccc solid;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
}
.widget-form-column {
width:48%;
}
.widget-left {
float:left;
}
.widget-right {
float:right;
}
.widget-clear {
clear:both;
}
.widget-location {
background:url(http://travelonlineadvisor.com/assets/images/location-bg.png) no-repeat center right #ffffff;
padding-right:25px;
}
.widget-calander {
background:url(http://travelonlineadvisor.com/assets/images/datepic-icn.png) no-repeat right center #ffffff;
padding-right:40px;
}
.widget-guest-info {
margin-left:-10px;
margin-right:-10px;
}
.widget-form-column-small {
width:33.33333333%;
padding:0px 10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
}
select.widget-input {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
background:url(http://travelonlineadvisor.com/assets/images/select-appearance.png) no-repeat right center #ffffff;
cursor:pointer;
}
.widget-input-search {
background:url(http://travelonlineadvisor.com/assets/images/search.png) no-repeat scroll 95.5% center #ffa42c;
height:35px;
padding:0px 20px;
text-align:left;
color:#ffffff;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
border:none;
text-transform:uppercase;
width:100%;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
cursor:pointer;
}
/* Widget Search Style End */
/* Date picker style added by suresh*/
.datepicker-wrap .ui-datepicker-trigger {
width:30px;
height:100%;
position:absolute;
right:0;
top:0;
cursor:pointer;
background-color:transparent;
z-index:1;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
.datepicker-wrap:after {
display:block;
font-family:"soap-icons";
/*content:"\e86a";*/
content:"";
font-size:25px;
color:#fff;
position:absolute;
right:0;
top:0;
bottom:0;
width:30px;
height:100%;
text-align:center;
line-height:34px;
/*background:#fdb714;*/
background:none;
}
.datepicker-wrap.yellow:after {
background:#e38a1c;
}
.datepicker-wrap.green:after {
background:#98ce44;
}
.datepicker-wrap.blue:after {
background-color:#01b7f2;
}
.datepicker-wrap.dark-blue:after {
background-color:#2d3e52;
}
.datepicker-wrap.transparent:after {
background-color:transparent;
color:#e38a1c;
}
.ui-datepicker {
width:20em;
padding:0;
display:none;
background:#fff;
border:1px solid #e38a1c;
z-index:999 !important;
}
.ui-datepicker .ui-datepicker-header {
position:relative;
padding:.2em 0;
background:#e38a1c;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position:absolute;
top:11px;
cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled {
visibility:hidden;
}
.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
content:"";
display:block;
width:0;
height:0;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
}
.ui-datepicker .ui-datepicker-prev {
left:24px;
}
.ui-datepicker .ui-datepicker-prev:before {
border-right:8px solid #fff;
}
.ui-datepicker .ui-datepicker-next {
right:24px;
}
.ui-datepicker .ui-datepicker-next:before {
border-left:8px solid #fff;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display:none;
}
.ui-datepicker .ui-datepicker-title {
margin:5px;
text-align:center;
color:#fff;
font-size:1.1667em;
font-weight:bold;
}
.ui-datepicker .ui-datepicker-title select {
font-size:1em;
margin:1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width:100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width:49%;
}
.ui-datepicker table {
width:100%;
font-size:12px;
border-collapse:collapse;
}
.ui-datepicker th {
width:30px;
height:30px;
line-height:30px;
background:#f5f5f5;
}
.ui-datepicker th span {
display:block;
text-align:center;
font-size:1.1667em;
font-weight:normal;
color:#e38a1c;
}
.ui-datepicker span.ui-datepicker-month {
font-weight:bold;
}
.ui-datepicker .ui-datepicker-calendar td {
vertical-align:middle;
text-align:center;
}
.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span {
color:inherit;
display:block;
height:30px;
line-height:30px;
text-decoration:none;
}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span {
color:#dbdbdb;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker .ui-datepicker-calendar td a:hover {
background:#e38a1c;
color:#fff;
}
.ui-datepicker.yellow {
border:1px solid #e38a1c;
}
.ui-datepicker.yellow .ui-datepicker-header {
background:#e38a1c;
}
.ui-datepicker.yellow th span {
color:#e38a1c;
}
.ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.yellow .ui-datepicker-calendar td a:hover {
background:#e38a1c;
}
.ui-datepicker.green {
border:1px solid #98ce44;
}
.ui-datepicker.green .ui-datepicker-header {
background:#98ce44;
}
.ui-datepicker.green th span {
color:#98ce44;
}
.ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.green .ui-datepicker-calendar td a:hover {
background:#98ce44;
}
.ui-datepicker.blue {
border:1px solid #01b7f2;
}
.ui-datepicker.blue .ui-datepicker-header {
background:#01b7f2;
}
.ui-datepicker.blue th span {
color:#01b7f2;
}
.ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.blue .ui-datepicker-calendar td a:hover {
background:#01b7f2;
}
.ui-datepicker.dark-blue {
border:1px solid #2d3e52;
}
.ui-datepicker.dark-blue .ui-datepicker-header {
background:#2d3e52;
}
.ui-datepicker.dark-blue th span {
color:#2d3e52;
}
.ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.dark-blue .ui-datepicker-calendar td a:hover {
background:#2d3e52;
}
/* Date Picker Style End */
</style>
<!-- Javascript -->
<script type="text/javascript" src="http://travelonlineadvisor.com/widgets/assets/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http://travelonlineadvisor.com/widgets/assets/js/jquery.noconflict.js"></script>
<script type="text/javascript" src="http://travelonlineadvisor.com/widgets/assets/js/jquery-ui.1.10.4.min.js"></script>
<script type="text/javascript">
tjq(document).ready(function() {
var today = new Date();
tjq( "#fromdate" ).datepicker({
defaultDate: "+1w",
dateFormat: "mm/dd/yy",
numberOfMonths: 1,
minDate: today,
onSelect: function( selectedDate ) {
var checkin = tjq("#fromdate").datepicker("getDate");
var checkinmax = tjq("#fromdate").datepicker("getDate");
var checkout = tjq("#todate").datepicker("getDate");
checkin.setDate(checkin.getDate() + 1);
checkinmax.setDate(checkinmax.getDate() + 30);
tjq( "#todate" ).datepicker( "option", "minDate", checkin );
tjq( "#todate" ).datepicker( "option", "maxDate", checkinmax );
}
});
tjq( "#todate" ).datepicker({
defaultDate: "+1w",
dateFormat: "mm/dd/yy",
numberOfMonths: 1,
minDate: today,
maxDate: 30,
beforeShow: function( selectedDate ){
if(tjq("#fromdate").val()){
var checkin = tjq("#fromdate").datepicker("getDate");
checkin.setDate(checkin.getDate());
tjq(this).datepicker( "option", "minDate", checkin);
}
if(tjq("#fromdate").val()){
var checkout = tjq("#fromdate").datepicker("getDate");
checkout.setDate(checkout.getDate() + parseInt(30));
tjq(this).datepicker( "option", "maxDate", checkout);
}
},onSelect: function( selectedDate ) {
var checkin = tjq("#fromdate").datepicker("getDate");
var checkout = tjq("#todate").datepicker("getDate");
if(checkin >= checkout){
checkout.setDate(checkout.getDate() - 1);
tjq('#fromdate').datepicker('setDate', checkout);
}
}
});
tjq( "#city" ).autocomplete({
source: function( request, response ) {
tjq.ajax({
url: "http://travelonlineadvisor.com/travel/cityautocompletehomepage",
dataType: "json",
data: {
q: request.term
},
success: function( data ) {
response( data );
}
});
},
minLength: 3,
select: function( event, ui ) {
tjq('#hotelid').val(ui.item.id);
console.log( ui.item ?
"Selected: " + ui.item.label :
"Nothing selected, input was " + this.value);
},
open: function() {
tjq( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
},
close: function() {
tjq( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
}
})
tjq.ui.autocomplete.prototype._renderItem = function(ul, item) {
var html = '<a><div class="autocompletefull">';
html += '<div class="autocompleteleft">';
html += item.label;
html += '</div>';
html += '<div class="autocompleteright '+item.category+'">';
html += item.category;
html += '</div><div class="ClearBoth"></div>';
html += '</div></a>';
return tjq( "<li></li>" )
.data( "item.autocomplete", item )
.append( html )
.appendTo( ul );
};
});
</script>
<div class="col-md-6">
<form id="hotel_booking_frm" name="hotel_booking_frm" action="http://travelonlineadvisor.com/travel/hotel_search" method="get" >
<div class="widget-search" style="width:300px">
<div class="widget-search-form" style="background-color:#FFFFFF">
<div class="widget-form-inner">
<div class="widget-form-row">
<img src="http://travelonlineadvisor.com/widgets/images/widget-logo.png" alt="" />
</div>
<div class="widget-form-row">
<label class="widget-label" style="color:#000000"">Your Destination</label>
<input type="text" required name="hotel_destination" id="city" value="" placeholder="Enter a destination or hotel name" class="widget-input widget-location">
<input type="hidden" id="hothotelid" name="hotelid" value="" />
</div>
<div class="widget-form-row">
<div class="widget-form-column widget-left">
<label class="widget-label" style="color:#000000"">Check In</label>
<input type="text" required name="dateField" id="fromdate" value="" class="widget-input widget-calander">
</div>
<div class="widget-form-column widget-right">
<label class="widget-label" style="color:#000000"">Check Out</label>
<input type="text" required name="numberOfNights" id="todate" value="" class="widget-input widget-calander">
</div>
<div class="widget-clear"></div>
</div>
<div class="widget-form-row widget-guest-info">
<div class="widget-form-column-small widget-left">
<label class="widget-label" style="color:#000000"">Rooms</label>
<select name="numberOfRooms" class="widget-input">
<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>
</select>
</div>
<div class="widget-form-column-small widget-left">
<label class="widget-label" style="color:#000000"">Adults</label>
<select name="room-0-adult-total" class="widget-input">
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div class="widget-form-column-small widget-left">
<label class="widget-label" style="color:#000000"">Kids</label>
<select name="room-0-child-total" class="widget-input">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div class="widget-clear"></div>
</div>
<div class="widget-form-row">
<input type="hidden" name="avail" value="Y" />
<input type="hidden" name="origin" value="MULTI_PRODUCT_SEARCH" />
<input type="hidden" name="cid" value="464818"> <!-- change to your cid -->
<input type="hidden" name="locale" id="locale" value="en_US" >
<input type="hidden" name="clientid" value="1008">
<input type="submit" name="hotel_submit_btn" style="background:#FFA42C" id="" value="Search Now" class="widget-input-search">
<div class="widget-clear"></div>
</div>
</div>
</div>
</div>
</form>
</div>
- Output for 7.0.0 - 7.0.2
- Parse error: syntax error, unexpected '<', expecting end of file in /in/f3lj8 on line 3
Process exited with code 255. - Output for 5.5.24 - 5.5.31, 5.6.8 - 5.6.17
- Parse error: syntax error, unexpected '<' in /in/f3lj8 on line 3
Process exited with code 255.
preferences:
165.84 ms | 940 KiB | 29 Q