@ -9,7 +9,7 @@
< textarea id = "form_additionalrequirements" name = "additional_requirements" placeholder = "E.g. This is a big trip for my birthday , anniversary , honeymoon , retirement , kid ' s graduation , bucket list …
Our must-dos/must-sees are…" style="height:90px;">< / textarea >
< div class = "selectionBlock" style = "margin-bottom: 1 0px ;">
< div class = "selectionBlock" style = "margin-bottom: 0;">
< p style = "
margin-bottom: 0px;
">
@ -139,7 +139,7 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
< / div >
< div class = "selectionBlock" >
< div class = "selectionBlock" style = "margin-bottom: 10px;" >
< p style = " margin-top: 10px ;
margin-bottom: 0;">< strong >
When would you travel?
@ -166,8 +166,10 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
< div class = "trip_date_length" id = "tripDateBlock" style = "display: none" >
< p style = "margin-bottom: 10px;" > Select your travel date and trip length (days).< / p >
< div id = 'dateSelectionBlock' >
< input type = "text" class = "arrivalDate datepicker" id = "Date_Start" name = "date_start" value = "" placeholder = "mm/dd/yyyy" autocomplete = "off" style = "width: auto; float: left; margin-right: 15px;" >
< input type = "month" id = "expectedMonth" name = "expected_month" placeholder = "Select your expected travel date." style = "width: auto; float: left; margin-right: 15px;" >
< input type = "text" class = "arrivalDate datepicker" id = "starting_date" name = "date_start" value = "" placeholder = "mm/dd/yyyy" autocomplete = "off" style = "width: auto ; float: left ; margin-right: 15px ; height: 30px ;
margin-top: 5px;">
< input type = "month" id = "expectedMonth" name = "expected_month" placeholder = "Select your expected travel date." style = "width: auto ; float: left ; margin-right: 15px ; height: 30px ;
margin-top: 5px;">
< / div >
< div class = "peopleSelect" >
< div class = "numberBtn" >
@ -504,8 +506,8 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
minDate: "today"
});
var quick_inquiry_button = document.getElementById("quick_inquiry _button");
var quick_inquiry_form = document.getElementById("quick_inquiry _form");
var quick_inquiry_button = document.getElementById("info_page _button");
var quick_inquiry_form = document.getElementById("info_page _form");
quick_inquiry_button.addEventListener('click', function(event) {
var validateResult = validateQuickInquiryForm();
@ -636,7 +638,7 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
});
var $tripDateBlock = $('#tripDateBlock');
var $expectedDate = $('#Date_Start ');
var $expectedDate = $('#starting_date ');
var $expectedMonth = $('#expectedMonth');
var $dateSelectionBlock = $('#dateSelectionBlock');
var $expectedTravelDateBlock = $('#expectedTravelDateBlock');
@ -711,15 +713,28 @@ Our must-dos/must-sees are…" style="height:90px;"></textarea>
$infantNumberInput.val(infantNumber);
}
});
// Trip Length
$('#tripLengthPlus').click(function () {
tripLength++;
$('#tripLengthNumber').val(tripLength);
});
$('#tripLengthMinus').click(function () {
if (tripLength > 1) {
tripLength--;
$('#tripLengthNumber').val(tripLength);
}
});
})
< / script >
< style >
.date_select {width: 27.5% !important;}
.date_select {width: 27.5% !important; margin-bottom: 10px; }
.age_range { margin-top: 45px;}
@media (max-width: 750px){
.date_select {
width: 93% !important;
}
.date_select {width: 93% !important; margin-bottom: 0 !important;}
.age_range { margin-top: 0;}
}
< / style >