@ -37,99 +37,169 @@
< / div >
< / div >
< div id = "adultBlock" style = "display: none" >
< div id = "adultBlock" style = "display: none" >
< p style = "margin-top: 0;margin-bottom: 0;" > < strong > Adults number< / strong > < / p >
< div class = "kids_age" >
< p style = "margin-bottom: 0;" > 65+ yrs old< / p >
< select class = "kids_number" id = "adultNumber_65_plus" name = "adult_65_plus" >
< option value = "0" > 0< / 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 >
< / select >
< p style = "
< p style = "
margin-bottom: 0;
margin-top: 5px;font-size: 18px;
font-size: 22px;
">people< / p >
margin-top: 20px;
">When you plan to take the trip:< / p >
< div class = "peopleSelect" >
< p style = "margin-top: 20px;" > < strong >
Adults (≥18 years old)
< / strong > < / p >
< button class = "minaddBtn reduceadult" id = "minusAdult" type = "button"
value="-">-< / button >
< input class = "number" type = "text" value = "2" id = "adultNumber" name = "adult" >
< button class = "minaddBtn addadult" type = "button" id = "plusAdult" value = "+" > +< / button >
< / div >
< div class = "age_range" >
< p >
Adults' ages
< / p >
< div class = "checkYes" style = "float:left;" >
< label for = "65+" >
< input type = "checkbox" value = "yes" name = "age_65_plus" id = "65+" class = "checkBorder" > 65+
< / label >
< / div >
< div class = "checkYes" style = "float:left;" >
< label for = "51-64" >
< input type = "checkbox" value = "yes" name = "age_51_64" id = "51-64" class = "checkBorder" > 51-64
< / label >
< / div >
< div class = "checkYes" style = "float:left;" >
< label for = "41-50" >
< input type = "checkbox" value = "yes" name = "age_41_50" id = "41-50" class = "checkBorder" > 41-50
< / label >
< / div >
< div class = "checkYes" style = "float:left;" >
< label for = "31-40" >
< input type = "checkbox" value = "yes" name = "age_31_40" id = "31-40" class = "checkBorder" > 31-40
< / label >
< / div >
< / div >
< div class = "checkYes" style = "float:left;" >
< div class = "kids_age" >
< label for = "18-30" >
< p style = "margin-bottom: 0;" > 41-64 yrs old< / p >
< input type = "checkbox" value = "yes" name = "age_18_30" id = "18-30" class = "checkBorder" > 18-30
< select class = "kids_number" id = "adultNumber_41_64" name = "adult_41_64" >
< / label >
< option value = "0" > 0< / 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 >
< / select >
< p style = "
margin-top: 5px;font-size: 18px;
">people< / p >
< / div >
< / div >
< div class = "kids_age" >
< p style = "margin-bottom: 0;" > 18-40 yrs old< / p >
< select class = "kids_number" id = "adultNumber_18_40" name = "adult_18_40" >
< option value = "0" > 0< / 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 >
< / select >
< p style = "
margin-top: 5px;font-size: 18px;
">people< / p >
< / div >
< / div >
< / div >
< / div >
< div class = "clear" > < / div >
< div class = "clear" > < / div >
< div id = "childrenBlock" style = "display: none" >
< div id = "childrenBlock" style = "display: none" >
< p style = "margin-top: 0;margin-bottom: 0;" > < strong > Children< / strong > < / p >
< p style = "margin-top: 0;margin-bottom: 0;" > < strong > Children number < / strong > < / p >
< div class = "kids_age" >
< div class = "kids_age" >
< p style = "margin-bottom: 5px;" > 10-17 yrs old< / p >
< p style = "margin-bottom: 5px;" > 10-17 yrs old< / p >
< select class = "kids_number" id = "teenagerNumber" name = "teenager_10_17_yrs" >
< select class = "kids_number" id = "teenagerNumber" name = "teenager_10_17" >
< option value = "0" > 0
< option value = "0" > 0< / option >
< / option >
< option value = "1" > 1< / option >
< option value = "1" > 1
< option value = "2" > 2< / option >
< / option >
< option value = "3" > 3< / option >
< option value = "2" > 2
< option value = "4" > 4< / option >
< / option >
< option value = "5" > 5< / option >
< option value = "3" > 3
< / option >
< option value = "4" > 4
< / option >
< / select >
< / select >
< p style = "
margin-top: 10px;font-size: 18px;
">people< / p >
< / div >
< / div >
< div class = "kids_age" >
< div class = "kids_age" >
< p style = "margin-bottom: 5px;" > 3-9 yrs old< / p >
< p style = "margin-bottom: 5px;" > 3-9 yrs old< / p >
< select class = "kids_number" id = "childrenNumber" name = "children_3_9_yrs" >
< select class = "kids_number" id = "childrenNumber" name = "children_3_9" >
< option value = "0" > 0
< option value = "0" > 0< / option >
< / option >
< option value = "1" > 1< / option >
< option value = "1" > 1
< option value = "2" > 2< / option >
< / option >
< option value = "3" > 3< / option >
< option value = "4" > 4< / option >
< option value = "2" > 2
< option value = "5" > 5< / option >
< / option >
< option value = "3" > 3
< / option >
< option value = "4" > 4
< / option >
< / select >
< / select >
< p style = "
margin-top: 10px;font-size: 18px;
">people< / p >
< / div >
< / div >
< div class = "kids_age" >
< div class = "kids_age" >
< p style = "margin-bottom: 5px;" > 0-2 yrs old< / p >
< p style = "margin-bottom: 5px;" > 0-2 yrs old< / p >
< select class = "kids_number" id = "infantNumber" name = "infant_0_2_yrs" >
< select class = "kids_number" id = "infantNumber" name = "infant_0_2" >
< option value = "0" > 0
< option value = "0" > 0< / option >
< / option >
< option value = "1" > 1< / option >
< option value = "1" > 1
< option value = "2" > 2< / option >
< / option >
< option value = "3" > 3< / option >
< option value = "2" > 2
< option value = "4" > 4< / option >
< / option >
< option value = "5" > 5< / option >
< option value = "3" > 3
< / option >
< option value = "4" > 4
< / option >
< / select >
< / select >
< p style = "
margin-top: 10px;font-size: 18px;
">people< / p >
< / div >
< / div >
< / div >
< / div >
@ -205,82 +275,7 @@
< div id = "email_verify_errmsg" style = "display: none" >
< div id = "email_verify_errmsg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Please verify your email.< / div >
< div class = "requiredArea" style = "margin-top:-10px;" > Please verify your email.< / div >
< / div >
< / div >
<!-- <div class="selectionBlock">
< div class = "peopleSelect" >
< span class = "formMemo" >
Adults (≥12 years old)
< / span >
< div class = "numberBtn" >
< input class = "minaddBtn reduceadult" id = "minusAdult" type = "button" value = "-" >
< input class = "number" type = "text" id = "adultNumber" readonly value = "1" name = "adultnumber" >
< input class = "minaddBtn addadult" id = "plusAdult" type = "button" value = "+" >
< / div >
< / div >
< div class = "age_range" >
< p >
Adults' ages
< / p >
< div class = "checkYes" >
< label for = "12-17" >
< input type = "checkbox" value = "yes" name = "adult age range 12 17" id = "12-17" class = "checkBorder" > 12-17
< / label >
< / div >
< div class = "checkYes" >
< label for = "18-30" >
< input type = "checkbox" value = "yes" name = "adult age range 18 30" id = "18-30" class = "checkBorder" > 18-30
< / label >
< / div >
< div class = "checkYes" >
< label for = "31-50" >
< input type = "checkbox" value = "yes" name = "adult age range 31 50" id = "31-50" class = "checkBorder" > 31-50
< / label >
< / div >
< div class = "checkYes" >
< label for = "51-64" >
< input type = "checkbox" value = "yes" name = "adult age range 51 64" id = "51-64" class = "checkBorder" > 51-64
< / label >
< / div >
< div class = "checkYes" >
< label for = "65+" >
< input type = "checkbox" value = "yes" name = "adult age range 65" id = "65+" class = "checkBorder" > 65+
< / label >
< / div >
< / div >
< div class = "peopleSelect" >
< span class = "formMemo" >
Kids (2-11 years old)
< / span >
< div class = "numberBtn" >
< input class = "minaddBtn reducechild" id = "minusKid" type = "button" value = "-" >
< input class = "kidNum" type = "text" id = "kidNumber" readonly value = "0" name = "kidnumber" >
< input class = "minaddBtn addchild" id = "plusKid" type = "button" value = "+" >
< / div >
< / div >
< div class = "age_range" >
< p >
Kids' ages
< / p >
< div class = "checkYes" >
< label for = "0" >
< input type = "checkbox" value = "yes" name = "kid age range 0 2" id = "0" class = "checkBorder" > 0-2
< / label >
< / div >
< div class = "checkYes" >
< label for = "3" >
< input type = "checkbox" value = "yes" name = "kid age range 3 7" id = "3" class = "checkBorder" > 3-7
< / label >
< / div >
< div class = "checkYes" >
< label for = "8" >
< input type = "checkbox" value = "yes" name = "kid age range 8 11" id = "8" class = "checkBorder" > 8-11
< / label >
< / div >
< / div >
< div class = "clear" >
< / div >
< / div > -->
< select name = "country_code" class = "country_code" >
< select name = "country_code" class = "country_code" >
< option style = "font-weight: 600;" value = "United States +1" > United States +1< / option >
< option style = "font-weight: 600;" value = "United States +1" > United States +1< / option >
< option style = "font-weight: 600;" value = "United Kingdom +44" > United Kingdom +44< / option >
< option style = "font-weight: 600;" value = "United Kingdom +44" > United Kingdom +44< / option >
@ -567,15 +562,6 @@ margin-bottom: 10px;
< button class = "sendButton" id = "quick_inquiry_button" name = "quick_inquiry_button" type = "button" > Inquire Now</ button > < input name = "product_code" type = "hidden" value = " <?php echo $meta_product_code ; ?> " />
< button class = "sendButton" id = "quick_inquiry_button" name = "quick_inquiry_button" type = "button" > Inquire Now</ button > < input name = "product_code" type = "hidden" value = " <?php echo $meta_product_code ; ?> " />
< input name = "itinerary" type = "hidden" value = " <?php echo $information -> ic_title ; ?> " />
< input name = "itinerary" type = "hidden" value = " <?php echo $information -> ic_title ; ?> " />
< / form >
< / form >
<!--
< h3 style = "text-align: center ;
font-size: 20px;
line-height: 22px;">For a quick conversation, simply reach us via WhatsApp:< / h3 >
< div class = "contactwechat" > < img alt = "Asia Highlights' wechat code" height = "100px" src = "https://data.asiahighlights.com/image/about/asia-highlights-whatsapp-code.jpg" width = "100px" >
< div class = "wechatinfo" > < span class = "wechatred" > +8615807734776< / span > < br >
Email: < span class = "wechatred" > contact@asiahighlights.com< / span > < / div >
< / div >
-->
< / div >
< / div >
< script src = "https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js" > < / script >
< script src = "https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js" > < / script >
@ -691,21 +677,8 @@ function validateQuickInquiryForm() {
$(function () {
$(function () {
var $adultBlock = $('#adultBlock');
var $adultBlock = $('#adultBlock');
var $childrenBlock = $('#childrenBlock');
var $childrenBlock = $('#childrenBlock');
var $adultNumberInput = $('#adultNumber');
var adultNumber = $adultNumberInput.val();
var $teenagerNumberInput = $('#teenagerNumber');
var teenagerNumber = $teenagerNumberInput.val();
var $childrenNumberInput = $('#childrenNumber');
var childrenNumber = $childrenNumberInput.val();
var $infantNumberInput = $('#infantNumber');
var infantNumber = $infantNumberInput.val();
$('input[name="travel_group"]').each((i, groupEle) => {
$('input[name="travel_group"]').each((i, groupEle) => {
$(groupEle).click(function (e) {
$(groupEle).click(function (e) {
$teenagerNumberInput.val(0);
$childrenNumberInput.val(0);
$infantNumberInput.val(0);
var currentTarget = e.currentTarget;
var currentTarget = e.currentTarget;
if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
if (currentTarget.id === 'Family' || currentTarget.id === 'Other' ) {
$adultBlock.show();
$adultBlock.show();
@ -713,11 +686,6 @@ function validateQuickInquiryForm() {
} else {
} else {
$adultBlock.show();
$adultBlock.show();
$childrenBlock.hide();
$childrenBlock.hide();
}
if (currentTarget.id === 'Couple') {
$adultNumberInput.val(2);
} else if (currentTarget.id === 'Solo') {
$adultNumberInput.val(1);
}
}
})
})
});
});
@ -751,51 +719,6 @@ function validateQuickInquiryForm() {
}
}
})
})
});
});
//成人
$('#plusAdult').click(function () {
adultNumber++;
$adultNumberInput.val(adultNumber);
});
$('#minusAdult').click(function () {
if (adultNumber > 1) {
adultNumber--;
$adultNumberInput.val(adultNumber);
}
});
// 青少年
$('#plusTeenager').click(function () {
teenagerNumber++;
$teenagerNumberInput.val(teenagerNumber);
});
$('#minusTeenager').click(function () {
if (teenagerNumber > 0) {
teenagerNumber--;
$teenagerNumberInput.val(teenagerNumber);
}
});
// 儿童
$('#plusChildren').click(function () {
childrenNumber++;
$childrenNumberInput.val(childrenNumber);
});
$('#minusChildren').click(function () {
if (childrenNumber > 0) {
childrenNumber--;
$childrenNumberInput.val(childrenNumber);
}
});
// 婴儿
$('#plusInfant').click(function () {
infantNumber++;
$infantNumberInput.val(infantNumber);
});
$('#minusInfant').click(function () {
if (infantNumber > 0) {
infantNumber--;
$infantNumberInput.val(infantNumber);
}
});
})
})
< / script >
< / script >
< style >
< style >