Haina
/
information-system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

人数选择修改

Browse Source
master
candice 2 years ago
parent 1fce62f3be
commit 9c60959461
2 changed files with 367 additions and 340 deletions
Show Stats Download Patch File Download Diff File

212
application/views/mobile_first/ah-info-page-form.php
Unescape Escape View File

@ -8,15 +8,13 @@
<form action="/orders/quick_inquiry_save" method="post" novalidate="" id="info_page_form"> <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> <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" style="margin-bottom: 0;"> <div class="selectionBlock">
<p style=" <h4 style="margin-bottom: 0;margin-top: 0; padding-bottom: 0;">
margin-bottom: 0px; How would you travel?
"> </h4>
<strong>Number in your group</strong>
</p>
<div id="group_error_msg" style="display: none"> <div id="group_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please select number in your group.</div> <div class="requiredArea" style="margin-top:-10px;">Please select number in your group.</div>
</div> </div>
<div class="travel_group"> <div class="travel_group">
<input type="radio" value="Family" id="Family" name="travel_group"> <input type="radio" value="Family" id="Family" name="travel_group">
<label for="Family" class="family"> <label for="Family" class="family">
@ -43,95 +41,153 @@
</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="peopleSelect"> <div class="kids_age">
<p style=" margin-top: 10px; <p style="margin-bottom: 0;">65+ yrs old</p>
margin-bottom: 10px;"><strong> <select class="kids_number" id="adultNumber_65_plus" name="adult_65_plus" >
Adults (≥18 years old) <option value="0">0</option>
</strong> </p> <option value="1">1 person</option>
<button class="minaddBtn reduceadult" id="minusAdult" type="button" <option value="2">2 people</option>
value="-">-</button> <option value="3">3 people</option>
<input class="number" type="text" value="2" id="adultNumber" name="adult"> <option value="4">4 people</option>
<button class="minaddBtn addadult" type="button" id="plusAdult" value="+">+</button> <option value="5">5 people</option>
</div> <option value="6">6 people</option>
<div class="age_range"> <option value="7">7 people</option>
<p> <option value="8">8 people</option>
Adults' ages <option value="9">9 people</option>
</p> <option value="10">10 people</option>
<div class="checkYes" style="float:left;"> <option value="11">11 people</option>
<label for="65+"> <option value="12">12 people</option>
<input type="checkbox" value="yes" name="age_65_plus" id="65+" class="checkBorder" >65+ <option value="13">13 people</option>
</label> <option value="14">14 people</option>
</div> <option value="15">15 people</option>
<div class="checkYes" style="float:left;"> <option value="16">16 people</option>
<label for="51-64"> <option value="17">17 people</option>
<input type="checkbox" value="yes" name="age_51_64" id="51-64" class="checkBorder" >51-64 <option value="18">18 people</option>
</label> <option value="19">19 people</option>
</div> <option value="20">20 people</option>
<div class="checkYes" style="float:left;"> <option value="21">21 people</option>
<label for="41-50"> <option value="22">22 people</option>
<input type="checkbox" value="yes" name="age_41_50" id="41-50" class="checkBorder" >41-50 <option value="23">23 people</option>
</label> <option value="24">24 people</option>
</div> <option value="25">25 people</option>
<div class="checkYes" style="float:left;"> <option value="26">26 people</option>
<label for="31-40"> <option value="27">27 people</option>
<input type="checkbox" value="yes" name="age_31_40" id="31-40" class="checkBorder" >31-40 <option value="28">28 people</option>
</label> <option value="29">29 people</option>
<option value="30">30 people</option>
<option value="31">31 or more people</option>
</select>
</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 person</option>
<option value="2">2 people</option>
<option value="3">3 people</option>
<option value="4">4 people</option>
<option value="5">5 people</option>
<option value="6">6 people</option>
<option value="7">7 people</option>
<option value="8">8 people</option>
<option value="9">9 people</option>
<option value="10">10 people</option>
<option value="11">11 people</option>
<option value="12">12 people</option>
<option value="13">13 people</option>
<option value="14">14 people</option>
<option value="15">15 people</option>
<option value="16">16 people</option>
<option value="17">17 people</option>
<option value="18">18 people</option>
<option value="19">19 people</option>
<option value="20">20 people</option>
<option value="21">21 people</option>
<option value="22">22 people</option>
<option value="23">23 people</option>
<option value="24">24 people</option>
<option value="25">25 people</option>
<option value="26">26 people</option>
<option value="27">27 people</option>
<option value="28">28 people</option>
<option value="29">29 people</option>
<option value="30">30 people</option>
<option value="31">31 or more people</option>
</select>
</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 person</option>
<option value="2">2 people</option>
<option value="3">3 people</option>
<option value="4">4 people</option>
<option value="5">5 people</option>
<option value="6">6 people</option>
<option value="7">7 people</option>
<option value="8">8 people</option>
<option value="9">9 people</option>
<option value="10">10 people</option>
<option value="11">11 people</option>
<option value="12">12 people</option>
<option value="13">13 people</option>
<option value="14">14 people</option>
<option value="15">15 people</option>
<option value="16">16 people</option>
<option value="17">17 people</option>
<option value="18">18 people</option>
<option value="19">19 people</option>
<option value="20">20 people</option>
<option value="21">21 people</option>
<option value="22">22 people</option>
<option value="23">23 people</option>
<option value="24">24 people</option>
<option value="25">25 people</option>
<option value="26">26 people</option>
<option value="27">27 people</option>
<option value="28">28 people</option>
<option value="29">29 people</option>
<option value="30">30 people</option>
<option value="31">31 or more people</option>
</select>
</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: -10px; margin-bottom: 5px;"><strong>Children (age of children at time of trip)</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_yrs">
<option value="0">0 <option value="0">0</option>
</option> <option value="1">1 person</option>
<option value="1">1 <option value="2">2 people</option>
</option> <option value="3">3 people</option>
<option value="2">2 <option value="4">4 people</option>
</option> <option value="5 or more people">5 or more people</option>
<option value="3">3
</option>
<option value="4">4
</option>
</select> </select>
</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_yrs">
<option value="0">0 <option value="0">0</option>
</option> <option value="1">1 person</option>
<option value="1">1 <option value="2">2 people</option>
</option> <option value="3">3 people</option>
<option value="4">4 people</option>
<option value="2">2 <option value="5 or more people">5 or more people</option>
</option>
<option value="3">3
</option>
<option value="4">4
</option>
</select> </select>
</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_yrs">
<option value="0">0 <option value="0">0</option>
</option> <option value="1">1 person</option>
<option value="1">1 <option value="2">2 people</option>
</option> <option value="3">3 people</option>
<option value="2">2 <option value="4">4 people</option>
</option> <option value="5 or more people">5 or more people</option>
<option value="3">3
</option>
<option value="4">4
</option>
</select> </select>
</div> </div>
</div> </div>

289
application/views/mobile_first/ah-inquiry-form.php
Unescape Escape View File

@ -9,8 +9,8 @@
How would you travel? How would you travel?
</h4> </h4>
<div id="group_error_msg" style="display: none"> <div id="group_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please select number in your group.</div> <div class="requiredArea" style="margin-top:-10px;">Please select number in your group.</div>
</div> </div>
<div class="travel_group"> <div class="travel_group">
<input type="radio" value="Family" id="Family" name="travel_group"> <input type="radio" value="Family" id="Family" name="travel_group">
<label for="Family" class="family"> <label for="Family" class="family">
@ -37,98 +37,153 @@
</div> </div>
<div id="adultBlock" style="display: none"> <div id="adultBlock" style="display: none">
<p style=" <p style="margin-top: 0;margin-bottom: 0;"><strong>Adults number</strong></p>
margin-bottom: 0; <div class="kids_age">
font-size: 22px; <p style="margin-bottom: 0;">65+ yrs old</p>
margin-top: 20px; <select class="kids_number" id="adultNumber_65_plus" name="adult_65_plus" >
">When you plan to take the trip:</p> <option value="0">0</option>
<div class="peopleSelect"> <option value="1">1 person</option>
<p style="margin-top: 20px;"><strong> <option value="2">2 people</option>
Adults (≥18 years old) <option value="3">3 people</option>
</strong> </p> <option value="4">4 people</option>
<button class="minaddBtn reduceadult" id="minusAdult" type="button" <option value="5">5 people</option>
value="-">-</button> <option value="6">6 people</option>
<input class="number" type="text" value="2" id="adultNumber" name="adult"> <option value="7">7 people</option>
<button class="minaddBtn addadult" type="button" id="plusAdult" value="+">+</button> <option value="8">8 people</option>
</div> <option value="9">9 people</option>
<div class="age_range"> <option value="10">10 people</option>
<p> <option value="11">11 people</option>
Adults' ages <option value="12">12 people</option>
</p> <option value="13">13 people</option>
<div class="checkYes" style="float:left;"> <option value="14">14 people</option>
<label for="65+"> <option value="15">15 people</option>
<input type="checkbox" value="yes" name="age_65_plus" id="65+" class="checkBorder" >65+ <option value="16">16 people</option>
</label> <option value="17">17 people</option>
</div> <option value="18">18 people</option>
<div class="checkYes" style="float:left;"> <option value="19">19 people</option>
<label for="51-64"> <option value="20">20 people</option>
<input type="checkbox" value="yes" name="age_51_64" id="51-64" class="checkBorder" >51-64 <option value="21">21 people</option>
</label> <option value="22">22 people</option>
</div> <option value="23">23 people</option>
<div class="checkYes" style="float:left;"> <option value="24">24 people</option>
<label for="41-50"> <option value="25">25 people</option>
<input type="checkbox" value="yes" name="age_41_50" id="41-50" class="checkBorder" >41-50 <option value="26">26 people</option>
</label> <option value="27">27 people</option>
</div> <option value="28">28 people</option>
<div class="checkYes" style="float:left;"> <option value="29">29 people</option>
<label for="31-40"> <option value="30">30 people</option>
<input type="checkbox" value="yes" name="age_31_40" id="31-40" class="checkBorder" >31-40 <option value="31">31 or more people</option>
</label> </select>
</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 person</option>
<option value="2">2 people</option>
<option value="3">3 people</option>
<option value="4">4 people</option>
<option value="5">5 people</option>
<option value="6">6 people</option>
<option value="7">7 people</option>
<option value="8">8 people</option>
<option value="9">9 people</option>
<option value="10">10 people</option>
<option value="11">11 people</option>
<option value="12">12 people</option>
<option value="13">13 people</option>
<option value="14">14 people</option>
<option value="15">15 people</option>
<option value="16">16 people</option>
<option value="17">17 people</option>
<option value="18">18 people</option>
<option value="19">19 people</option>
<option value="20">20 people</option>
<option value="21">21 people</option>
<option value="22">22 people</option>
<option value="23">23 people</option>
<option value="24">24 people</option>
<option value="25">25 people</option>
<option value="26">26 people</option>
<option value="27">27 people</option>
<option value="28">28 people</option>
<option value="29">29 people</option>
<option value="30">30 people</option>
<option value="31">31 or more people</option>
</select>
</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 person</option>
<option value="2">2 people</option>
<option value="3">3 people</option>
<option value="4">4 people</option>
<option value="5">5 people</option>
<option value="6">6 people</option>
<option value="7">7 people</option>
<option value="8">8 people</option>
<option value="9">9 people</option>
<option value="10">10 people</option>
<option value="11">11 people</option>
<option value="12">12 people</option>
<option value="13">13 people</option>
<option value="14">14 people</option>
<option value="15">15 people</option>
<option value="16">16 people</option>
<option value="17">17 people</option>
<option value="18">18 people</option>
<option value="19">19 people</option>
<option value="20">20 people</option>
<option value="21">21 people</option>
<option value="22">22 people</option>
<option value="23">23 people</option>
<option value="24">24 people</option>
<option value="25">25 people</option>
<option value="26">26 people</option>
<option value="27">27 people</option>
<option value="28">28 people</option>
<option value="29">29 people</option>
<option value="30">30 people</option>
<option value="31">31 or more people</option>
</select>
</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_yrs">
<option value="0">0 <option value="0">0</option>
</option> <option value="1">1 person</option>
<option value="1">1 <option value="2">2 people</option>
</option> <option value="3">3 people</option>
<option value="2">2 <option value="4">4 people</option>
</option> <option value="5 or more people">5 or more people</option>
<option value="3">3
</option>
<option value="4">4
</option>
</select> </select>
</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_yrs">
<option value="0">0 <option value="0">0</option>
</option> <option value="1">1 person</option>
<option value="1">1 <option value="2">2 people</option>
</option> <option value="3">3 people</option>
<option value="4">4 people</option>
<option value="2">2 <option value="5 or more people">5 or more people</option>
</option>
<option value="3">3
</option>
<option value="4">4
</option>
</select> </select>
</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_yrs">
<option value="0">0 <option value="0">0</option>
</option> <option value="1">1 person</option>
<option value="1">1 <option value="2">2 people</option>
</option> <option value="3">3 people</option>
<option value="2">2 <option value="4">4 people</option>
</option> <option value="5 or more people">5 or more people</option>
<option value="3">3
</option>
<option value="4">4
</option>
</select> </select>
</div> </div>
</div> </div>
@ -205,82 +260,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&nbsp; &nbsp;+1</option> <option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option>
<option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option> <option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option>
@ -567,15 +547,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>

Write Preview
Loading…
Cancel
Save