|
|
|
|
@ -22,21 +22,30 @@
|
|
|
|
|
|
|
|
|
|
<p style="font-size: 20px; margin-bottom: 15px;"><strong>Select a Ticket Type:</strong></p>
|
|
|
|
|
<div class="selectHotl" style="margin-bottom: 20px;">
|
|
|
|
|
<div class="optionLable" id="ticket_type_standard_khomloy">
|
|
|
|
|
<input type="radio" value="Standard+Transfer+Dinner" id="standard_khomloy" data-price="159" name="ticket_type">
|
|
|
|
|
<label for="standard_khomloy" style="font-size:18px;">
|
|
|
|
|
Standard+Transfer+Dinner
|
|
|
|
|
<div class="optionLable" id="ticket_type_elite_ticket">
|
|
|
|
|
<input type="radio" value="Elite+Transfer+Dinner" id="elite_ticket" data-price="469" name="ticket_type">
|
|
|
|
|
<label for="elite_ticket" style="font-size:18px;">
|
|
|
|
|
Elite+Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
US$159
|
|
|
|
|
US$469
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="ticket_type_vip_khomloy">
|
|
|
|
|
<input type="radio" value="VIP+Transfer+Dinner" id="vip_khomloy" data-price="199" name="ticket_type">
|
|
|
|
|
<label for="vip_khomloy" style="font-size:18px;">
|
|
|
|
|
VIP+Transfer+Dinner
|
|
|
|
|
<div class="optionLable" id="ticket_type_platinum_ticket">
|
|
|
|
|
<input type="radio" value="Platinum+Transfer+Dinner" id="platinum_ticket" data-price="379" name="ticket_type">
|
|
|
|
|
<label for="platinum_ticket" style="font-size:18px;">
|
|
|
|
|
Platinum+Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
US$199
|
|
|
|
|
US$379
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="ticket_type_gold_ticket">
|
|
|
|
|
<input type="radio" value="Gold+Transfer+Dinner" id="gold_ticket" data-price="289" name="ticket_type">
|
|
|
|
|
<label for="gold_ticket" style="font-size:18px;">
|
|
|
|
|
Gold+Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
US$289
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
@ -49,21 +58,30 @@
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="ticket_type_elite_ticket">
|
|
|
|
|
<input type="radio" value="Elite+Transfer+Dinner" id="elite_ticket" data-price="469" name="ticket_type">
|
|
|
|
|
<label for="elite_ticket" style="font-size:18px;">
|
|
|
|
|
Elite+Transfer+Dinner
|
|
|
|
|
<div class="optionLable" id="ticket_type_vip_khomloy">
|
|
|
|
|
<input type="radio" value="VIP+Transfer+Dinner" id="vip_khomloy" data-price="209" name="ticket_type">
|
|
|
|
|
<label for="vip_khomloy" style="font-size:18px;">
|
|
|
|
|
VIP+Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
US$469
|
|
|
|
|
US$209
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="ticket_type_standard_khomloy">
|
|
|
|
|
<input type="radio" value="Standard+Transfer+Dinner" id="standard_khomloy" data-price="159" name="ticket_type">
|
|
|
|
|
<label for="standard_khomloy" style="font-size:18px;">
|
|
|
|
|
Standard+Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
US$159
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="ticket_type_premium_costume">
|
|
|
|
|
<input type="radio" value="Premium+Dinner+Exclusive Transfer+Thai Costume" id="premium_costume" data-price="369" name="ticket_type">
|
|
|
|
|
<input type="radio" value="Premium+Thai Costume+Exclusive Transfer+Dinner" id="premium_costume" data-price="419" name="ticket_type">
|
|
|
|
|
<label for="premium_costume" style="font-size:18px;">
|
|
|
|
|
Premium+Thai Costume<br>+Exclusive Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
US$369
|
|
|
|
|
US$419
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
@ -388,6 +406,8 @@
|
|
|
|
|
var standard_radio = document.getElementById("standard_khomloy");
|
|
|
|
|
var costume_radio = document.getElementById("premium_costume");
|
|
|
|
|
var elite_radio = document.getElementById("elite_ticket");
|
|
|
|
|
var gold_radio = document.getElementById("gold_ticket");
|
|
|
|
|
var platinum_radio = document.getElementById("platinum_ticket");
|
|
|
|
|
|
|
|
|
|
var first_ticket_date = document.getElementById("first_ticket_date");
|
|
|
|
|
var second_ticket_date = document.getElementById("second_ticket_date");
|
|
|
|
|
@ -432,9 +452,12 @@
|
|
|
|
|
standard_radio.disabled = false;
|
|
|
|
|
costume_radio.disabled = false;
|
|
|
|
|
elite_radio.disabled = false;
|
|
|
|
|
platinum_radio.disabled = false;
|
|
|
|
|
gold_radio.disabled = false;
|
|
|
|
|
|
|
|
|
|
premium_radio.checked = true;
|
|
|
|
|
currentTicketPrice = parseInt(vip_radio.getAttribute('data-price'));
|
|
|
|
|
currentTicketPrice = parseInt(premium_radio.getAttribute('data-price'));
|
|
|
|
|
|
|
|
|
|
adultNumberValue = parseInt(adultNumberNode.value);
|
|
|
|
|
calcTotalPrice(currentTicketPrice, adultNumberValue);
|
|
|
|
|
}
|
|
|
|
|
@ -446,9 +469,12 @@
|
|
|
|
|
standard_radio.disabled = false;
|
|
|
|
|
costume_radio.disabled = false;
|
|
|
|
|
elite_radio.disabled = false;
|
|
|
|
|
platinum_radio.disabled = false;
|
|
|
|
|
gold_radio.disabled = false;
|
|
|
|
|
|
|
|
|
|
premium_radio.checked = true;
|
|
|
|
|
currentTicketPrice = parseInt(premium_radio.getAttribute('data-price'));
|
|
|
|
|
|
|
|
|
|
adultNumberValue = parseInt(adultNumberNode.value);
|
|
|
|
|
calcTotalPrice(currentTicketPrice, adultNumberValue);
|
|
|
|
|
}
|
|
|
|
|
|