|
|
|
|
|
<div class="tripnotes" collapse="" collapse-status="hide" data-target="tripnotes" data-target-icon="day4Icon" style="font-size: 25px;
|
|
|
|
|
|
color: #ad1818;
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
font-family: 'Goudy Old Style';">Inquire now! Your 1:1 travel consultant will reply within 1 working day.<span
|
|
|
|
|
|
class="OpenIcon" id="day4Icon"></span></div>
|
|
|
|
|
|
<div class="tripnotescontent" collapse-content="" id="tripnotes" style="display: none; box-sizing: border-box;">
|
|
|
|
|
|
<div class="tmbottom" style="padding-top: 60px; margin-top: 0;">
|
|
|
|
|
|
<form action="/orders/quick_inquiry_save" method="post" novalidate="" id="info_page_form">
|
|
|
|
|
|
<textarea id="form_additionalrequirements" name="additional_requirements"
|
|
|
|
|
|
placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..."
|
|
|
|
|
|
style="height:90px;"></textarea>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
|
<h4 style="margin-bottom: 0;margin-top: 0; padding-bottom: 0;">
|
|
|
|
|
|
How would you travel?
|
|
|
|
|
|
</h4>
|
|
|
|
|
|
<div id="group_error_msg" style="display: none">
|
|
|
|
|
|
<div class="requiredArea" style="margin-top:-10px;">Please select number in your group.</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="travel_group">
|
|
|
|
|
|
<input type="radio" value="Family" id="Family" name="travel_group">
|
|
|
|
|
|
<label for="Family" class="family">
|
|
|
|
|
|
Family
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="travel_group">
|
|
|
|
|
|
<input type="radio" value="Couple" id="Couple" name="travel_group">
|
|
|
|
|
|
<label for="Couple" class="couple">
|
|
|
|
|
|
Couple
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="travel_group">
|
|
|
|
|
|
<input type="radio" value="Solo" id="Solo" name="travel_group">
|
|
|
|
|
|
<label for="Solo" class="solo">
|
|
|
|
|
|
Solo
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="travel_group">
|
|
|
|
|
|
<input type="radio" value="group" id="Other" name="travel_group">
|
|
|
|
|
|
<label for="Other" class="group">
|
|
|
|
|
|
Other group
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="adultBlock" style="display: none">
|
|
|
|
|
|
<p style="margin-top: 0;margin-bottom: 0;"><strong>Adults number (age ≥ 18 years old)</strong></p>
|
|
|
|
|
|
<div class="kids_age">
|
|
|
|
|
|
<select class="kids_number" id="adult_18_plus" name="adult_18_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="
|
|
|
|
|
|
margin-top: 5px;font-size: 18px;
|
|
|
|
|
|
">people</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="clear"></div>
|
|
|
|
|
|
<div id="childrenBlock" style="display: none">
|
|
|
|
|
|
<p style="margin-top: 0;margin-bottom: 0;"><strong>Children number</strong></p>
|
|
|
|
|
|
<div class="kids_age">
|
|
|
|
|
|
<p style="margin-bottom: 5px;">10-17 yrs old</p>
|
|
|
|
|
|
<select class="kids_number" id="teenagerNumber" name="teenager_10_17">
|
|
|
|
|
|
<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>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<p style="
|
|
|
|
|
|
margin-top: 10px;font-size: 18px;
|
|
|
|
|
|
">people</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="kids_age">
|
|
|
|
|
|
<p style="margin-bottom: 5px;">3-9 yrs old</p>
|
|
|
|
|
|
<select class="kids_number" id="childrenNumber" name="children_3_9">
|
|
|
|
|
|
<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>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<p style="
|
|
|
|
|
|
margin-top: 10px;font-size: 18px;
|
|
|
|
|
|
">people</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="kids_age">
|
|
|
|
|
|
<p style="margin-bottom: 5px;">0-2 yrs old</p>
|
|
|
|
|
|
<select class="kids_number" id="infantNumber" name="infant_0_2">
|
|
|
|
|
|
<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>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<p style="
|
|
|
|
|
|
margin-top: 10px;font-size: 18px;
|
|
|
|
|
|
">people</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="selectionBlock" style="margin-bottom: 10px;">
|
|
|
|
|
|
<p style=" margin-top: 10px;
|
|
|
|
|
|
margin-bottom: 0;"><strong>
|
|
|
|
|
|
When would you travel?
|
|
|
|
|
|
</strong></p>
|
|
|
|
|
|
<div id="date_error_msg" style="display: none">
|
|
|
|
|
|
<div class="requiredArea" style="margin-top:-10px;">Select your travel data.</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="travel_group date_select">
|
|
|
|
|
|
<input type="radio" value="exact dates" id="exact" name="trip_date">
|
|
|
|
|
|
<label for="exact" class="updatedestination" style="font-size: 18px;">
|
|
|
|
|
|
Exact dates
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="travel_group date_select">
|
|
|
|
|
|
<input type="radio" value="approximate dates" id="approximate" name="trip_date">
|
|
|
|
|
|
<label for="approximate" class="updatedestination" style="font-size: 18px;">
|
|
|
|
|
|
Approximate dates
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="travel_group date_select">
|
|
|
|
|
|
<input type="radio" value="Undecided dates" id="yet" name="trip_date">
|
|
|
|
|
|
<label for="yet" class="updatedestination" style="font-size: 18px;">
|
|
|
|
|
|
Undecided dates
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="trip_date_length" id="tripDateBlock" style="display: none">
|
|
|
|
|
|
|
|
|
|
|
|
<div id='dateSelectionBlock'>
|
|
|
|
|
|
<div id='date_start_block'>
|
|
|
|
|
|
<input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value=""
|
|
|
|
|
|
placeholder="Select your exact travel date." autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
|
|
|
|
|
|
margin-top: 5px;">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<select class="country_code" id="expectedMonth" name="expected_month" style="margin-top: 15px;">
|
|
|
|
|
|
<option value="" disabled selected>Select your approximate travel date.</option>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<option value="May. 2024">May. 2024</option>
|
|
|
|
|
|
<option value="Jun. 2024">Jun. 2024</option>
|
|
|
|
|
|
<option value="Jul. 2024">Jul. 2024</option>
|
|
|
|
|
|
<option value="Aug. 2024">Aug. 2024</option>
|
|
|
|
|
|
<option value="Sep. 2024">Sep. 2024</option>
|
|
|
|
|
|
<option value="Oct. 2024">Oct. 2024</option>
|
|
|
|
|
|
<option value="Nov. 2024">Nov. 2024</option>
|
|
|
|
|
|
<option value="Dec. 2024">Dec. 2024</option>
|
|
|
|
|
|
|
|
|
|
|
|
<option value="Jan. 2025">Jan. 2025</option>
|
|
|
|
|
|
<option value="Feb. 2025">Feb. 2025</option>
|
|
|
|
|
|
<option value="Mar. 2025">Mar. 2025</option>
|
|
|
|
|
|
<option value="Apr. 2025">Apr. 2025</option>
|
|
|
|
|
|
<option value="May. 2025">May. 2025</option>
|
|
|
|
|
|
<option value="Jun. 2025">Jun. 2025</option>
|
|
|
|
|
|
<option value="Jul. 2025">Jul. 2025</option>
|
|
|
|
|
|
<option value="Aug. 2025">Aug. 2025</option>
|
|
|
|
|
|
<option value="Sep. 2025">Sep. 2025</option>
|
|
|
|
|
|
<option value="Oct. 2025">Oct. 2025</option>
|
|
|
|
|
|
<option value="Nov. 2025">Nov. 2025</option>
|
|
|
|
|
|
<option value="Dec. 2025">Dec. 2025</option>
|
|
|
|
|
|
|
|
|
|
|
|
<option value="Jan. 2026">Jan. 2026</option>
|
|
|
|
|
|
<option value="Feb. 2026">Feb. 2026</option>
|
|
|
|
|
|
<option value="Mar. 2026">Mar. 2026</option>
|
|
|
|
|
|
<option value="Apr. 2026">Apr. 2026</option>
|
|
|
|
|
|
<option value="May. 2026">May. 2026</option>
|
|
|
|
|
|
<option value="Jun. 2026">Jun. 2026</option>
|
|
|
|
|
|
<option value="Jul. 2026">Jul. 2026</option>
|
|
|
|
|
|
<option value="Aug. 2026">Aug. 2026</option>
|
|
|
|
|
|
<option value="Sep. 2026">Sep. 2026</option>
|
|
|
|
|
|
<option value="Oct. 2026">Oct. 2026</option>
|
|
|
|
|
|
<option value="Nov. 2026">Nov. 2026</option>
|
|
|
|
|
|
<option value="Dec. 2026">Dec. 2026</option>
|
|
|
|
|
|
<option value="Jan. 2027">Jan. 2027</option>
|
|
|
|
|
|
<option value="Feb. 2027">Feb. 2027</option>
|
|
|
|
|
|
<option value="Mar. 2027">Mar. 2027</option>
|
|
|
|
|
|
<option value="Apr. 2027">Apr. 2027</option>
|
|
|
|
|
|
<option value="May. 2027">May. 2027</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" />
|
|
|
|
|
|
<div id="realname_errmsg" style="display: none">
|
|
|
|
|
|
<div class="requiredArea" style="margin-top:-10px;">Please enter your name</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<input class="EmailAddress" id="email" name="email" placeholder="Email *" required="" type="text" value="" />
|
|
|
|
|
|
<div id="email_errmsg" style="display: none">
|
|
|
|
|
|
<div class="requiredArea" style="margin-top:-10px;">Please enter your email</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="email_verify_errmsg" style="display: none">
|
|
|
|
|
|
<div class="requiredArea" style="margin-top:-10px;">Please verify your email</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<select name="country_code" class="country_code">
|
|
|
|
|
|
|
|
|
|
|
|
<option value="Afghanistan +93">Afghanistan +93</option>
|
|
|
|
|
|
<option value="Albania +355">Albania +355</option>
|
|
|
|
|
|
<option value="Algeria +213">Algeria +213</option>
|
|
|
|
|
|
<option value="Andorra +376">Andorra +376</option>
|
|
|
|
|
|
<option value="Angola +244">Angola +244</option>
|
|
|
|
|
|
<option value="Anguilla +1264">Anguilla +1264</option>
|
|
|
|
|
|
<option value="Australia +61">Australia +61</option>
|
|
|
|
|
|
<option value="Antigua and Barbuda +1268">Antigua and Barbuda +1268</option>
|
|
|
|
|
|
<option value="Argentina +54">Argentina +54</option>
|
|
|
|
|
|
<option value="Armenia +374">Armenia +374</option>
|
|
|
|
|
|
<option value="Aruba +297">Aruba +297</option>
|
|
|
|
|
|
<option value="Ascension Island +247">Ascension Island +247</option>
|
|
|
|
|
|
<option value="Austria +43">Austria +43</option>
|
|
|
|
|
|
<option value="Azerbaijan +994">Azerbaijan +994</option>
|
|
|
|
|
|
<option value="Bahamas +1242">Bahamas +1242</option>
|
|
|
|
|
|
<option value="Bahrain +973">Bahrain +973</option>
|
|
|
|
|
|
<option value="Bangladesh +880">Bangladesh +880</option>
|
|
|
|
|
|
<option value="Barbados +1246">Barbados +1246</option>
|
|
|
|
|
|
<option value="Belarus +375">Belarus +375</option>
|
|
|
|
|
|
<option value="Belgium +32">Belgium +32</option>
|
|
|
|
|
|
<option value="Belize +501">Belize +501</option>
|
|
|
|
|
|
<option value="Benin +229">Benin +229</option>
|
|
|
|
|
|
<option value="Bermuda +1441">Bermuda +1441</option>
|
|
|
|
|
|
<option value="Bhutan +975">Bhutan +975</option>
|
|
|
|
|
|
<option value="Bolivia +591">Bolivia +591</option>
|
|
|
|
|
|
<option value="Bosnia and Herzegovina +387">Bosnia and Herzegovina +387</option>
|
|
|
|
|
|
<option value="Botswana +267">Botswana +267</option>
|
|
|
|
|
|
<option value="Brazil +55">Brazil +55</option>
|
|
|
|
|
|
<option value="British Indian Ocean Territory +246">British Indian Ocean Territory +246</option>
|
|
|
|
|
|
<option value="British Virgin Islands +1284">British Virgin Islands +1284</option>
|
|
|
|
|
|
<option value="Brunei +673">Brunei +673</option>
|
|
|
|
|
|
<option value="Bulgaria +359">Bulgaria +359</option>
|
|
|
|
|
|
<option value="Burkina Faso +226">Burkina Faso +226</option>
|
|
|
|
|
|
<option value="Burundi +257">Burundi +257</option>
|
|
|
|
|
|
<option value="Cambodia +855">Cambodia +855</option>
|
|
|
|
|
|
<option value="Cameroon +237">Cameroon +237</option>
|
|
|
|
|
|
<option value="Canada +001">Canada +001</option>
|
|
|
|
|
|
<option value="Cape Verde +238">Cape Verde +238</option>
|
|
|
|
|
|
<option value="Caribbean Netherlands +599">Caribbean Netherlands +599</option>
|
|
|
|
|
|
<option value="Cayman Islands +1345">Cayman Islands +1345</option>
|
|
|
|
|
|
<option value="Central African Republic +236">Central African Republic +236</option>
|
|
|
|
|
|
<option value="Chad +235">Chad +235</option>
|
|
|
|
|
|
<option value="Chile +56">Chile +56</option>
|
|
|
|
|
|
<option value="China +86">China +86</option>
|
|
|
|
|
|
<option value="Christmas Island +6189164">Christmas Island +6189164</option>
|
|
|
|
|
|
<option value="Cocos Islands +6189162">Cocos Islands +6189162</option>
|
|
|
|
|
|
<option value="Colombia +57">Colombia +57</option>
|
|
|
|
|
|
<option value="Comoros +269">Comoros +269</option>
|
|
|
|
|
|
<option value="Congo +243">Congo (DRC) +243</option>
|
|
|
|
|
|
<option value="Congo +242">Congo (Republic) +242</option>
|
|
|
|
|
|
<option value="Cook Islands +682">Cook Islands +682</option>
|
|
|
|
|
|
<option value="Costa Rica +506">Costa Rica +506</option>
|
|
|
|
|
|
<option value="Côte d'Ivoire +225">Côte d'Ivoire +225</option>
|
|
|
|
|
|
<option value="Croatia +385">Croatia +385</option>
|
|
|
|
|
|
<option value="Cuba +53">Cuba +53</option>
|
|
|
|
|
|
<option value="Curaçao +599">Curaçao +599</option>
|
|
|
|
|
|
<option value="Cyprus +357">Cyprus +357</option>
|
|
|
|
|
|
<option value="Czech Republic +420">Czech Republic +420</option>
|
|
|
|
|
|
<option value="Denmark +45">Denmark +45</option>
|
|
|
|
|
|
<option value="Djibouti +253">Djibouti +253</option>
|
|
|
|
|
|
<option value="Dominica +1767">Dominica +1767</option>
|
|
|
|
|
|
<option value="Dominican Republic +1809">Dominican Republic +1809</option>
|
|
|
|
|
|
<option value="Ecuador +593">Ecuador +593</option>
|
|
|
|
|
|
<option value="Egypt +20">Egypt +20</option>
|
|
|
|
|
|
<option value="El Salvador +503">El Salvador +503</option>
|
|
|
|
|
|
<option value="Equatorial Guinea +240">Equatorial Guinea +240</option>
|
|
|
|
|
|
<option value="Eritrea +291">Eritrea +291</option>
|
|
|
|
|
|
<option value="Estonia +372">Estonia +372</option>
|
|
|
|
|
|
<option value="Eswatini +268">Eswatini +268</option>
|
|
|
|
|
|
<option value="Ethiopia +251">Ethiopia +251</option>
|
|
|
|
|
|
<option value="Falkland Islands +500">Falkland Islands +500</option>
|
|
|
|
|
|
<option value="Faroe Islands +298">Faroe Islands +298</option>
|
|
|
|
|
|
<option value="Fiji +679">Fiji +679</option>
|
|
|
|
|
|
<option value="Finland +358">Finland +358</option>
|
|
|
|
|
|
<option value="France +33">France +33</option>
|
|
|
|
|
|
<option value="French Guiana +594">French Guiana +594</option>
|
|
|
|
|
|
<option value="French Polynesia +689">French Polynesia +689</option>
|
|
|
|
|
|
<option value="Gabon +241">Gabon +241</option>
|
|
|
|
|
|
<option value="Gambia +220">Gambia +220</option>
|
|
|
|
|
|
<option value="Georgia +995">Georgia +995</option>
|
|
|
|
|
|
<option value="Germany +49">Germany +49</option>
|
|
|
|
|
|
<option value="Ghana +233">Ghana +233</option>
|
|
|
|
|
|
<option value="Gibraltar +350">Gibraltar +350</option>
|
|
|
|
|
|
<option value="Greece +30">Greece +30</option>
|
|
|
|
|
|
<option value="Greenland +299">Greenland +299</option>
|
|
|
|
|
|
<option value="Grenada +1473">Grenada +1473</option>
|
|
|
|
|
|
<option value="Guadeloupe +590">Guadeloupe +590</option>
|
|
|
|
|
|
<option value="Guam +1671">Guam +1671</option>
|
|
|
|
|
|
<option value="Guatemala +502">Guatemala +502</option>
|
|
|
|
|
|
<option value="Guinea +224">Guinea +224</option>
|
|
|
|
|
|
<option value="Guinea-Bissau +245">Guinea-Bissau +245</option>
|
|
|
|
|
|
<option value="Guyana +592">Guyana +592</option>
|
|
|
|
|
|
<option value="Haiti +509">Haiti +509</option>
|
|
|
|
|
|
<option value="Honduras +504">Honduras +504</option>
|
|
|
|
|
|
<option value="Hong Kong +852">Hong Kong +852</option>
|
|
|
|
|
|
<option value="Hungary +36">Hungary +36</option>
|
|
|
|
|
|
<option value="Iceland +354">Iceland +354</option>
|
|
|
|
|
|
<option value="India +91">India +91</option>
|
|
|
|
|
|
<option value="Indonesia +62">Indonesia +62</option>
|
|
|
|
|
|
<option value="Iran +98">Iran +98</option>
|
|
|
|
|
|
<option value="Iraq +964">Iraq +964</option>
|
|
|
|
|
|
<option value="Ireland +353">Ireland +353</option>
|
|
|
|
|
|
<option value="Israel +972">Israel +972</option>
|
|
|
|
|
|
<option value="Italy +39">Italy +39</option>
|
|
|
|
|
|
<option value="Jamaica +1876">Jamaica +1876</option>
|
|
|
|
|
|
<option value="Japan +81">Japan +81</option>
|
|
|
|
|
|
<option value="Jersey +44">Jersey +44</option>
|
|
|
|
|
|
<option value="Jordan +962">Jordan +962</option>
|
|
|
|
|
|
<option value="Kazakhstan +7">Kazakhstan +7</option>
|
|
|
|
|
|
<option value="Kenya +254">Kenya +254</option>
|
|
|
|
|
|
<option value="Kiribati +686">Kiribati +686</option>
|
|
|
|
|
|
<option value="Kosovo +383">Kosovo +383</option>
|
|
|
|
|
|
<option value="Kuwait +965">Kuwait +965</option>
|
|
|
|
|
|
<option value="Kyrgyzstan +996">Kyrgyzstan +996</option>
|
|
|
|
|
|
<option value="Laos +856">Laos +856</option>
|
|
|
|
|
|
<option value="Latvia +371">Latvia +371</option>
|
|
|
|
|
|
<option value="Lebanon +961">Lebanon +961</option>
|
|
|
|
|
|
<option value="Lesotho +266">Lesotho +266</option>
|
|
|
|
|
|
<option value="Liberia +231">Liberia +231</option>
|
|
|
|
|
|
<option value="Libya +218">Libya +218</option>
|
|
|
|
|
|
<option value="Liechtenstein +423">Liechtenstein +423</option>
|
|
|
|
|
|
<option value="Lithuania +370">Lithuania +370</option>
|
|
|
|
|
|
<option value="Luxembourg +352">Luxembourg +352</option>
|
|
|
|
|
|
<option value="Macau +853">Macau +853</option>
|
|
|
|
|
|
<option value="Macedonia +389">Macedonia +389</option>
|
|
|
|
|
|
<option value="Madagascar +261">Madagascar +261</option>
|
|
|
|
|
|
<option value="Malawi +265">Malawi +265</option>
|
|
|
|
|
|
<option value="Malaysia +60">Malaysia +60</option>
|
|
|
|
|
|
<option value="Maldives +960">Maldives +960</option>
|
|
|
|
|
|
<option value="Mali +223">Mali +223</option>
|
|
|
|
|
|
<option value="Malta +356">Malta +356</option>
|
|
|
|
|
|
<option value="Marshall +692">Marshall Islands +692</option>
|
|
|
|
|
|
<option value="Martinique +596">Martinique +596</option>
|
|
|
|
|
|
<option value="Mauritania +222">Mauritania +222</option>
|
|
|
|
|
|
<option value="Mauritius +230">Mauritius +230</option>
|
|
|
|
|
|
<option value="Mayotte +262">Mayotte +262</option>
|
|
|
|
|
|
<option value="Mexico +52">Mexico +52</option>
|
|
|
|
|
|
<option value="Micronesia +691">Micronesia +691</option>
|
|
|
|
|
|
<option value="Moldova +373">Moldova +373</option>
|
|
|
|
|
|
<option value="Monaco +377">Monaco +377</option>
|
|
|
|
|
|
<option value="Mongolia +976">Mongolia +976</option>
|
|
|
|
|
|
<option value="Montenegro +382">Montenegro +382</option>
|
|
|
|
|
|
<option value="Montserrat +1664">Montserrat +1664</option>
|
|
|
|
|
|
<option value="Morocco +212">Morocco +212</option>
|
|
|
|
|
|
<option value="Mozambique +258">Mozambique +258</option>
|
|
|
|
|
|
<option value="Myanmar +95">Myanmar +95</option>
|
|
|
|
|
|
<option value="Namibia +264">Namibia +264</option>
|
|
|
|
|
|
<option value="Nauru +674">Nauru +674</option>
|
|
|
|
|
|
<option value="Nepal +977">Nepal +977</option>
|
|
|
|
|
|
<option value="New Caledonia +687">New Caledonia +687</option>
|
|
|
|
|
|
<option value="New Zealand +64">New Zealand +64</option>
|
|
|
|
|
|
<option value="Netherlands +31">Netherlands +31</option>
|
|
|
|
|
|
<option value="Nicaragua +505">Nicaragua +505</option>
|
|
|
|
|
|
<option value="Niger +227">Niger +227</option>
|
|
|
|
|
|
<option value="Nigeria +234">Nigeria +234</option>
|
|
|
|
|
|
<option value="Niue +683">Niue +683</option>
|
|
|
|
|
|
<option value="Norfolk Island +6723">Norfolk Island +6723</option>
|
|
|
|
|
|
<option value="North Korea +850">North Korea +850</option>
|
|
|
|
|
|
<option value="Northern Mariana Islands +1670">Northern Mariana Islands +1670</option>
|
|
|
|
|
|
<option value="Norway +47">Norway +47</option>
|
|
|
|
|
|
<option value="Oman +968">Oman +968</option>
|
|
|
|
|
|
<option value="Pakistan +92">Pakistan +92</option>
|
|
|
|
|
|
<option value="Palau +680">Palau +680</option>
|
|
|
|
|
|
<option value="Palestine +970">Palestine +970</option>
|
|
|
|
|
|
<option value="Panama +507">Panama +507</option>
|
|
|
|
|
|
<option value="Papua New Guinea +675">Papua New Guinea +675</option>
|
|
|
|
|
|
<option value="Paraguay +595">Paraguay +595</option>
|
|
|
|
|
|
<option value="Peru +51">Peru +51</option>
|
|
|
|
|
|
<option value="Philippines +63">Philippines +63</option>
|
|
|
|
|
|
<option value="Poland +48">Poland +48</option>
|
|
|
|
|
|
<option value="Portugal +351">Portugal +351</option>
|
|
|
|
|
|
<option value="Puerto Rico +1787">Puerto Rico +1787</option>
|
|
|
|
|
|
<option value="Qatar +974">Qatar +974</option>
|
|
|
|
|
|
<option value="Réunion +262">Réunion +262</option>
|
|
|
|
|
|
<option value="Romania +40">Romania +40</option>
|
|
|
|
|
|
<option value="Russia +7">Russia +7</option>
|
|
|
|
|
|
<option value="Rwanda +250">Rwanda +250</option>
|
|
|
|
|
|
<option value="Saint Barthélemy +590">Saint Barthélemy +590</option>
|
|
|
|
|
|
<option value="Saint Helena +290">Saint Helena +290</option>
|
|
|
|
|
|
<option value="Saint Kitts and Nevis +1869">Saint Kitts and Nevis +1869</option>
|
|
|
|
|
|
<option value="Saint Lucia +1758">Saint Lucia +1758</option>
|
|
|
|
|
|
<option value="Saint Martin +590">Saint Martin +590</option>
|
|
|
|
|
|
<option value="Saint Pierre and Miquelon +508">Saint Pierre and Miquelon +508</option>
|
|
|
|
|
|
<option value="Saint Vincent and the Grenadines +1784">Saint Vincent and the Grenadines +1784
|
|
|
|
|
|
</option>
|
|
|
|
|
|
<option value="Samoa +685">Samoa +685</option>
|
|
|
|
|
|
<option value="San Marino +378">San Marino +378</option>
|
|
|
|
|
|
<option value="São Tomé and Príncipe +239">São Tomé and Príncipe +239</option>
|
|
|
|
|
|
<option value="Saudi Arabia +966">Saudi Arabia +966</option>
|
|
|
|
|
|
<option value="Senegal +221">Senegal +221</option>
|
|
|
|
|
|
<option value="Serbia +381">Serbia +381</option>
|
|
|
|
|
|
<option value="Seychelles +248">Seychelles +248</option>
|
|
|
|
|
|
<option value="Sierra Leone +232">Sierra Leone +232</option>
|
|
|
|
|
|
<option value="Singapore +65">Singapore +65</option>
|
|
|
|
|
|
<option value="Sint Maarten +1721">Sint Maarten +1721</option>
|
|
|
|
|
|
<option value="Slovakia +421">Slovakia +421</option>
|
|
|
|
|
|
<option value="Slovenia +386">Slovenia +386</option>
|
|
|
|
|
|
<option value="Solomon Islands +677">Solomon Islands +677</option>
|
|
|
|
|
|
<option value="Somalia +252">Somalia +252</option>
|
|
|
|
|
|
<option value="South Africa +27">South Africa +27</option>
|
|
|
|
|
|
<option value="South Korea +82">South Korea +82</option>
|
|
|
|
|
|
<option value="South Sudan +211">South Sudan +211</option>
|
|
|
|
|
|
<option value="Spain +34">Spain +34</option>
|
|
|
|
|
|
<option value="Sri Lanka +94">Sri Lanka +94</option>
|
|
|
|
|
|
<option value="Sudan +249">Sudan +249</option>
|
|
|
|
|
|
<option value="Suriname +597">Suriname +597</option>
|
|
|
|
|
|
<option value="Svalbard and Jan Mayen +47">Svalbard and Jan Mayen +47</option>
|
|
|
|
|
|
<option value="Sweden +46">Sweden +46</option>
|
|
|
|
|
|
<option value="Switzerland +41">Switzerland +41</option>
|
|
|
|
|
|
<option value="Syria +963">Syria +963</option>
|
|
|
|
|
|
<option value="Taiwan +886">Taiwan +886</option>
|
|
|
|
|
|
<option value="Tajikistan +992">Tajikistan +992</option>
|
|
|
|
|
|
<option value="Tanzania +255">Tanzania +255</option>
|
|
|
|
|
|
<option value="Thailand +66">Thailand +66</option>
|
|
|
|
|
|
<option value="Timor-Leste +670">Timor-Leste +670</option>
|
|
|
|
|
|
<option value="Togo +228">Togo +228</option>
|
|
|
|
|
|
<option value="Tokelau +690">Tokelau +690</option>
|
|
|
|
|
|
<option value="Tonga +676">Tonga +676</option>
|
|
|
|
|
|
<option value="Trinidad and Tobago +1868">Trinidad and Tobago +1868</option>
|
|
|
|
|
|
<option value="Tunisia +216">Tunisia +216</option>
|
|
|
|
|
|
<option value="Turkey +90">Turkey +90</option>
|
|
|
|
|
|
<option value="Turkmenistan +993">Turkmenistan +993</option>
|
|
|
|
|
|
<option value="Turks and Caicos Islands +1649">Turks and Caicos Islands +1649</option>
|
|
|
|
|
|
<option value="Tuvalu +688">Tuvalu +688</option>
|
|
|
|
|
|
<option value="U.S. Virgin Islands +1340">U.S. Virgin Islands +1340</option>
|
|
|
|
|
|
<option value="Uganda +256">Uganda +256</option>
|
|
|
|
|
|
<option value="Ukraine +380">Ukraine +380</option>
|
|
|
|
|
|
<option value="United Arab Emirates +971">United Arab Emirates +971</option>
|
|
|
|
|
|
<option value="United Kingdom +44">United Kingdom +44</option>
|
|
|
|
|
|
<option value="United States +1">United States +1</option>
|
|
|
|
|
|
<option value="Uruguay +598">Uruguay +598</option>
|
|
|
|
|
|
<option value="Uzbekistan +998">Uzbekistan +998</option>
|
|
|
|
|
|
<option value="Vanuatu +678">Vanuatu +678</option>
|
|
|
|
|
|
<option value="Vatican City +39">Vatican City +379</option>
|
|
|
|
|
|
<option value="Venezuela +58">Venezuela +58</option>
|
|
|
|
|
|
<option value="Vietnam +84">Vietnam +84</option>
|
|
|
|
|
|
<option value="Wallis and Futuna +681">Wallis and Futuna +681</option>
|
|
|
|
|
|
<option value="Western Sahara +21228">Western Sahara +21228</option>
|
|
|
|
|
|
<option value="Yemen +967">Yemen +967</option>
|
|
|
|
|
|
<option value="Zambia +260">Zambia +260</option>
|
|
|
|
|
|
<option value="Zimbabwe +263">Zimbabwe +263</option>
|
|
|
|
|
|
<option value="Åland Islands +35818">Åland Islands +35818</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Phone number *" type="tel" value="" />
|
|
|
|
|
|
<div id="contact_errmsg" style="display: none">
|
|
|
|
|
|
<div class="requiredArea" style="margin-top:-10px;">Please enter your phone number.</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<p style="margin-top: 0;margin-bottom: 5px;padding: 0;">I am also available on:</p>
|
|
|
|
|
|
<div class="checkYes">
|
|
|
|
|
|
<input type="checkbox" value="yes" name="contact_via_whatsapp" id="whatsapp" class="checkBorder">
|
|
|
|
|
|
<label for="whatsapp">WhatsApp</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="checkYes">
|
|
|
|
|
|
<input type="checkbox" value="yes" name="contact_via_iMessage" id="iMessage" class="checkBorder">
|
|
|
|
|
|
<label for="iMessage">iMessage</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<button class="sendButton" id="info_page_button" name="booking_form_inquiry_list" type="button">Inquire
|
|
|
|
|
|
Now</button> <input name="product_code" type="hidden" value="YDFW-AH" />
|
|
|
|
|
|
<input name="ic_title" type="hidden" value="YDFW-AH" />
|
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script
|
|
|
|
|
|
src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
|
|
|
|
|
|
<script src="https://data.highlightstravel.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
var selectedExpectedDate = '';
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
|
|
|
|
flatpickr("#starting_date", {
|
|
|
|
|
|
dateFormat: "Y-m-d",
|
|
|
|
|
|
altInput: true,
|
|
|
|
|
|
altFormat: "F j, Y",
|
|
|
|
|
|
disableMobile: true,
|
|
|
|
|
|
minDate: "today"
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
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();
|
|
|
|
|
|
if (validateResult) {
|
|
|
|
|
|
if (typeof (grecaptcha) === "undefined") {
|
|
|
|
|
|
console.warn('grecaptcha is disabled.');
|
|
|
|
|
|
quick_inquiry_form.submit();
|
|
|
|
|
|
} else {
|
|
|
|
|
|
try {fbq('track', 'SubmitApplication');} catch (error) {}
|
|
|
|
|
|
grecaptcha.enterprise.ready(async () => {
|
|
|
|
|
|
const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', { action: 'ADD_TO_CART' });
|
|
|
|
|
|
var el = document.createElement("input");
|
|
|
|
|
|
el.type = "hidden";
|
|
|
|
|
|
el.name = "__grecaptcha_token__";
|
|
|
|
|
|
el.value = token;
|
|
|
|
|
|
quick_inquiry_form.appendChild(el);
|
|
|
|
|
|
quick_inquiry_form.submit();
|
|
|
|
|
|
quick_inquiry_button.innerText = "Submitted successfully";
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
function validateQuickInquiryForm() {
|
|
|
|
|
|
var result = true;
|
|
|
|
|
|
var realnameVal = document.getElementById("realname").value;
|
|
|
|
|
|
var emailVal = document.getElementById("email").value;
|
|
|
|
|
|
var expectedDateVal = document.getElementById("starting_date").value;
|
|
|
|
|
|
var expectedMonthVal = document.getElementById("expectedMonth").value;
|
|
|
|
|
|
var contactVal = document.getElementById("PhoneNo").value;
|
|
|
|
|
|
|
|
|
|
|
|
var realnameErrEl = document.getElementById("realname_errmsg");
|
|
|
|
|
|
var emailErrEl = document.getElementById("email_errmsg");
|
|
|
|
|
|
var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
|
|
|
|
|
|
var startingDateErrEl = document.getElementById("date_error_msg");
|
|
|
|
|
|
var contactErrEl = document.getElementById("contact_errmsg");
|
|
|
|
|
|
var groupErrEl = document.getElementById("group_error_msg");
|
|
|
|
|
|
|
|
|
|
|
|
realnameErrEl.style.display = 'none';
|
|
|
|
|
|
emailErrEl.style.display = 'none';
|
|
|
|
|
|
emailVerifyErrEl.style.display = 'none';
|
|
|
|
|
|
startingDateErrEl.style.display = 'none';
|
|
|
|
|
|
contactErrEl.style.display = 'none';
|
|
|
|
|
|
groupErrEl.style.display = 'none';
|
|
|
|
|
|
|
|
|
|
|
|
var travel_group_is_checked = false;
|
|
|
|
|
|
document.querySelectorAll('input[name="travel_group"]').forEach(function (groupNode) {
|
|
|
|
|
|
if (groupNode.checked) {
|
|
|
|
|
|
travel_group_is_checked = true;
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
if (travel_group_is_checked === false) {
|
|
|
|
|
|
groupErrEl.style.display = '';
|
|
|
|
|
|
result = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var tripDate_is_checked = false;
|
|
|
|
|
|
if (selectedExpectedDate === 'exact') {
|
|
|
|
|
|
tripDate_is_checked = expectedDateVal !== '';
|
|
|
|
|
|
} else if (selectedExpectedDate === 'approximate') {
|
|
|
|
|
|
tripDate_is_checked = expectedMonthVal !== '';
|
|
|
|
|
|
} else if (selectedExpectedDate === 'yet') {
|
|
|
|
|
|
tripDate_is_checked = true;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//时间选择
|
|
|
|
|
|
if (!tripDate_is_checked) {
|
|
|
|
|
|
startingDateErrEl.style.display = '';
|
|
|
|
|
|
result = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (realnameVal === '') {
|
|
|
|
|
|
realnameErrEl.style.display = '';
|
|
|
|
|
|
result = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
if (emailVal === '') {
|
|
|
|
|
|
emailErrEl.style.display = '';
|
|
|
|
|
|
result = false;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
|
|
|
|
|
|
if (!emailPattern.test(emailVal)) {
|
|
|
|
|
|
emailVerifyErrEl.style.display = '';
|
|
|
|
|
|
result = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (contactVal === '') {
|
|
|
|
|
|
contactErrEl.style.display = '';
|
|
|
|
|
|
result = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
return result;
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
var $adultBlock = $('#adultBlock');
|
|
|
|
|
|
var $childrenBlock = $('#childrenBlock');
|
|
|
|
|
|
$('input[name="travel_group"]').each((i, groupEle) => {
|
|
|
|
|
|
$(groupEle).click(function (e) {
|
|
|
|
|
|
|
|
|
|
|
|
var currentTarget = e.currentTarget;
|
|
|
|
|
|
if (currentTarget.id === 'Family' || currentTarget.id === 'Other') {
|
|
|
|
|
|
$adultBlock.show();
|
|
|
|
|
|
$childrenBlock.show();
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$adultBlock.show();
|
|
|
|
|
|
$childrenBlock.hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
if (currentTarget.id === 'Couple') {
|
|
|
|
|
|
$('#adult_18_plus').val('2');
|
|
|
|
|
|
} else if (currentTarget.id === 'Solo') {
|
|
|
|
|
|
$('#adult_18_plus').val('1');
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var $tripDateBlock = $('#tripDateBlock');
|
|
|
|
|
|
var $expectedDate = $('#date_start_block');
|
|
|
|
|
|
var $expectedMonth = $('#expectedMonth');
|
|
|
|
|
|
var $dateSelectionBlock = $('#dateSelectionBlock');
|
|
|
|
|
|
var $expectedTravelDateBlock = $('#expectedTravelDateBlock');
|
|
|
|
|
|
$('input[name="trip_date"]').each((i, tripDateEle) => {
|
|
|
|
|
|
$(tripDateEle).click(function (e) {
|
|
|
|
|
|
$expectedDate.val('');
|
|
|
|
|
|
$expectedMonth.val('');
|
|
|
|
|
|
$tripDateBlock.show();
|
|
|
|
|
|
var selectedTripDate = e.currentTarget;
|
|
|
|
|
|
selectedExpectedDate = selectedTripDate.id;
|
|
|
|
|
|
if (selectedTripDate.id === 'exact') {
|
|
|
|
|
|
$dateSelectionBlock.show();
|
|
|
|
|
|
$expectedTravelDateBlock.hide();
|
|
|
|
|
|
$expectedMonth.hide();
|
|
|
|
|
|
$expectedDate.show();
|
|
|
|
|
|
} else if (selectedTripDate.id === 'approximate') {
|
|
|
|
|
|
$dateSelectionBlock.show();
|
|
|
|
|
|
$expectedTravelDateBlock.hide();
|
|
|
|
|
|
$expectedDate.hide();
|
|
|
|
|
|
$expectedMonth.show();
|
|
|
|
|
|
} else if (selectedTripDate.id === 'yet') {
|
|
|
|
|
|
$dateSelectionBlock.hide();
|
|
|
|
|
|
$expectedTravelDateBlock.show();
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var tripLength = $('#tripLengthNumber').val();
|
|
|
|
|
|
|
|
|
|
|
|
// Trip Length
|
|
|
|
|
|
$('#tripLengthPlus').click(function () {
|
|
|
|
|
|
tripLength++;
|
|
|
|
|
|
$('#tripLengthNumber').val(tripLength);
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$('#tripLengthMinus').click(function () {
|
|
|
|
|
|
if (tripLength > 1) {
|
|
|
|
|
|
tripLength--;
|
|
|
|
|
|
$('#tripLengthNumber').val(tripLength);
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
})
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
// 折叠展开
|
|
|
|
|
|
|
|
|
|
|
|
document.querySelectorAll('div[collapse]').forEach(function ($collapseDiv, index) {
|
|
|
|
|
|
$collapseDiv.onclick = function (e) {
|
|
|
|
|
|
let collapseStatus = $collapseDiv.getAttribute('collapse-status');
|
|
|
|
|
|
let targetId = $collapseDiv.getAttribute("data-target");
|
|
|
|
|
|
let targetIconId = $collapseDiv.getAttribute("data-target-icon");
|
|
|
|
|
|
let $targetElement = document.getElementById(targetId);
|
|
|
|
|
|
let $targetIcon = document.getElementById(targetIconId);
|
|
|
|
|
|
if (collapseStatus == undefined || collapseStatus == "show") {
|
|
|
|
|
|
$targetIcon.classList.remove("CloseIcon");
|
|
|
|
|
|
$targetIcon.classList.add("OpenIcon");
|
|
|
|
|
|
$collapseDiv.setAttribute("collapse-status", "hide");
|
|
|
|
|
|
slideUp($targetElement);
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$targetIcon.classList.remove("OpenIcon");
|
|
|
|
|
|
$targetIcon.classList.add("CloseIcon");
|
|
|
|
|
|
$collapseDiv.setAttribute("collapse-status", "show");
|
|
|
|
|
|
slideDown($targetElement);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
document.querySelector('.expandAll').onclick = function (e) {
|
|
|
|
|
|
let obj = document.querySelector('.expandAll');
|
|
|
|
|
|
let all_status = obj.getAttribute("collapse-status");
|
|
|
|
|
|
if (all_status == "hide") {
|
|
|
|
|
|
obj.setAttribute("collapse-status", "show");
|
|
|
|
|
|
obj.querySelector(".expandAllText").innerHTML = "Collapse All";
|
|
|
|
|
|
obj.parentNode.querySelectorAll("div[collapse] span[id$='Icon']").forEach(function (icon, i) {
|
|
|
|
|
|
icon.classList.remove('OpenIcon');
|
|
|
|
|
|
icon.classList.add('CloseIcon');
|
|
|
|
|
|
});
|
|
|
|
|
|
obj.parentNode.querySelectorAll("div[collapse-content]").forEach(function (itinerary, i) {
|
|
|
|
|
|
slideDown(itinerary);
|
|
|
|
|
|
});
|
|
|
|
|
|
obj.parentNode.querySelectorAll("div[collapse]").forEach(function (title, i) {
|
|
|
|
|
|
title.setAttribute("collapse-status", "show");
|
|
|
|
|
|
});
|
|
|
|
|
|
} else {
|
|
|
|
|
|
obj.setAttribute("collapse-status", "hide");
|
|
|
|
|
|
obj.querySelector(".expandAllText").innerHTML = "Expand All";
|
|
|
|
|
|
obj.parentNode.querySelectorAll("div[collapse] span[id$='Icon']").forEach(function (icon, i) {
|
|
|
|
|
|
icon.classList.remove('CloseIcon');
|
|
|
|
|
|
icon.classList.add('OpenIcon');
|
|
|
|
|
|
});
|
|
|
|
|
|
obj.parentNode.querySelectorAll("div[collapse-content]").forEach(function (itinerary, i) {
|
|
|
|
|
|
slideUp(itinerary);
|
|
|
|
|
|
});
|
|
|
|
|
|
obj.parentNode.querySelectorAll("div[collapse]").forEach(function (title, i) {
|
|
|
|
|
|
title.setAttribute("collapse-status", "hide");
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function slideUp(target, duration) {
|
|
|
|
|
|
duration = duration ? duration : 500;
|
|
|
|
|
|
target.style.transitionProperty = 'height, margin, padding';
|
|
|
|
|
|
target.style.transitionDuration = duration + 'ms';
|
|
|
|
|
|
target.style.boxSizing = 'border-box';
|
|
|
|
|
|
target.style.height = target.offsetHeight + 'px';
|
|
|
|
|
|
target.offsetHeight;
|
|
|
|
|
|
target.style.overflow = 'hidden';
|
|
|
|
|
|
target.style.height = 0;
|
|
|
|
|
|
target.style.paddingTop = 0;
|
|
|
|
|
|
target.style.paddingBottom = 0;
|
|
|
|
|
|
target.style.marginTop = 0;
|
|
|
|
|
|
target.style.marginBottom = 0;
|
|
|
|
|
|
window.setTimeout(() => {
|
|
|
|
|
|
target.style.display = 'none';
|
|
|
|
|
|
target.style.removeProperty('height');
|
|
|
|
|
|
target.style.removeProperty('padding-top');
|
|
|
|
|
|
target.style.removeProperty('padding-bottom');
|
|
|
|
|
|
target.style.removeProperty('margin-top');
|
|
|
|
|
|
target.style.removeProperty('margin-bottom');
|
|
|
|
|
|
target.style.removeProperty('overflow');
|
|
|
|
|
|
target.style.removeProperty('transition-duration');
|
|
|
|
|
|
target.style.removeProperty('transition-property');
|
|
|
|
|
|
}, duration);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function slideDown(target, duration) {
|
|
|
|
|
|
duration = duration ? duration : 500;
|
|
|
|
|
|
target.style.removeProperty('display');
|
|
|
|
|
|
let display = window.getComputedStyle(target).display;
|
|
|
|
|
|
if (display === 'none')
|
|
|
|
|
|
display = 'block';
|
|
|
|
|
|
target.style.display = display;
|
|
|
|
|
|
let height = target.offsetHeight;
|
|
|
|
|
|
target.style.overflow = 'hidden';
|
|
|
|
|
|
target.style.height = 0;
|
|
|
|
|
|
target.style.paddingTop = 0;
|
|
|
|
|
|
target.style.paddingBottom = 0;
|
|
|
|
|
|
target.style.marginTop = 0;
|
|
|
|
|
|
target.style.marginBottom = 0;
|
|
|
|
|
|
target.offsetHeight;
|
|
|
|
|
|
target.style.boxSizing = 'border-box';
|
|
|
|
|
|
target.style.transitionProperty = "height, margin, padding";
|
|
|
|
|
|
target.style.transitionDuration = duration + 'ms';
|
|
|
|
|
|
target.style.height = height + 'px';
|
|
|
|
|
|
target.style.removeProperty('padding-top');
|
|
|
|
|
|
target.style.removeProperty('padding-bottom');
|
|
|
|
|
|
target.style.removeProperty('margin-top');
|
|
|
|
|
|
target.style.removeProperty('margin-bottom');
|
|
|
|
|
|
window.setTimeout(() => {
|
|
|
|
|
|
target.style.removeProperty('height');
|
|
|
|
|
|
target.style.removeProperty('overflow');
|
|
|
|
|
|
target.style.removeProperty('transition-duration');
|
|
|
|
|
|
target.style.removeProperty('transition-property');
|
|
|
|
|
|
}, duration);
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script
|
|
|
|
|
|
src="https://data.highlightstravel.com/min/?f=/js/jquery-1.8.2.min.js,/js/jquery.mailAutoComplete-4.0.min.js"></script>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.date_select {
|
|
|
|
|
|
width: 31% !important;
|
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.age_range {
|
|
|
|
|
|
margin-top: 45px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 750px) {
|
|
|
|
|
|
.date_select {
|
|
|
|
|
|
width: 47% !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.date_select label {
|
|
|
|
|
|
font-size: 17px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
.emailist {
|
|
|
|
|
|
border: 1px solid #bdbdbd;
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
color: #666;
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
list-style-type: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.emailist li {
|
|
|
|
|
|
padding: 2px 11px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
text-shadow: none;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.emailist .on,
|
|
|
|
|
|
.emailist li:hover {
|
|
|
|
|
|
background-color: #eee;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
$("#email").mailAutoComplete({
|
|
|
|
|
|
email: ['gmail.com', 'outlook.com', 'yahoo.com', 'icloud.com', 'hotmail.com', 'live.com', 'aol.com']
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
