|
|
|
|
@ -6,47 +6,26 @@
|
|
|
|
|
|
|
|
|
|
<p style="font-size: 20px;margin-bottom: 20px;"><strong>Select an Available Ticket Type:</strong></p>
|
|
|
|
|
<div class="selectHotl" style="margin-bottom: 20px;">
|
|
|
|
|
<div class="optionLable" id="ticket_type_elite_december30th" style="display: none">
|
|
|
|
|
<input type="radio" value="Elite Ticket" id="elite_december30th" data-price="189" name="ticket_type">
|
|
|
|
|
<label for="elite_december30th" style="font-size:17px;">
|
|
|
|
|
<strong style=" margin-bottom: 5px;
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 19px;">Elite Ticket</strong>
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
US$189 (6900THB)
|
|
|
|
|
<br>
|
|
|
|
|
Elite service + no transfer + dinner
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="ticket_type_elite_december31th" style="display: none">
|
|
|
|
|
<input type="radio" value="Elite Ticket" id="elite_december31th" data-price="289" name="ticket_type">
|
|
|
|
|
<label for="elite_december31th" style="font-size:17px;">
|
|
|
|
|
<strong style=" margin-bottom: 5px;
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 19px;">Elite Ticket</strong>
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
US$289 (10,000 THB)
|
|
|
|
|
<br>
|
|
|
|
|
Elite service + no transfer + dinner
|
|
|
|
|
<div class="optionLable" id="ticket_type_standard_ticket">
|
|
|
|
|
<input type="radio" value="Standard Ticket+Transfer+Dinner" checked id="standard_december31th" data-price="159" name="ticket_type">
|
|
|
|
|
<label for="standard_december31th" style="font-size:18px;">
|
|
|
|
|
Standard+Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo" >
|
|
|
|
|
US$159
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="vip_type_premium_december30th" style="display: none">
|
|
|
|
|
<input type="radio" value="Premium Ticket" id="premium_december30th" data-price="139" name="ticket_type">
|
|
|
|
|
<label for="premium_december30th" style="font-size:17px;">
|
|
|
|
|
<strong style=" margin-bottom: 5px;
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 19px;">Premium Ticket</strong>
|
|
|
|
|
<div class="optionLable" id="ticket_type_vip_ticket">
|
|
|
|
|
<input type="radio" value="VIP Ticket+Transfer+Dinner" checked id="vip_december31th" data-price="199" name="ticket_type">
|
|
|
|
|
<label for="vip_december31th" style="font-size:18px;">
|
|
|
|
|
VIP+Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
US$139 (4900THB)
|
|
|
|
|
<br>
|
|
|
|
|
Premium service + shuttle transfer + dinner
|
|
|
|
|
US$199
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="vip_type_premium_december31th">
|
|
|
|
|
<input type="radio" value="Premium Ticket+ Transfer + Dinner" id="premium_december31th" data-price="209" name="ticket_type">
|
|
|
|
|
<div class="optionLable" id="ticket_type_premium_ticket">
|
|
|
|
|
<input type="radio" value="Premium Ticket+Transfer+Dinner" id="premium_december31th" data-price="209" name="ticket_type">
|
|
|
|
|
<label for="premium_december31th" style="font-size:19px;">
|
|
|
|
|
Premium+Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
@ -54,43 +33,21 @@
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="ticket_type_standard_december30th" style="display: none">
|
|
|
|
|
<input type="radio" value="VIP Ticket" id="vip_december30th" data-price="109" name="ticket_type">
|
|
|
|
|
<label for="vip_december30th" style="font-size:17px;">
|
|
|
|
|
<strong style=" margin-bottom: 5px;
|
|
|
|
|
display: block;
|
|
|
|
|
font-size: 19px;">VIP Ticket</strong>
|
|
|
|
|
<div class="selectionMemo" >
|
|
|
|
|
US$109 (3900THB)
|
|
|
|
|
<br>
|
|
|
|
|
VIP service + shuttle transfer + dinner
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="ticket_type_standard_december31th">
|
|
|
|
|
<input type="radio" value="VIP Ticket+ Transfer + Dinner" checked id="vip_december31th" data-price="199" name="ticket_type">
|
|
|
|
|
<label for="vip_december31th" style="font-size:18px;">
|
|
|
|
|
VIP+Transfer+Dinner
|
|
|
|
|
<div class="optionLable" id="ticket_type_elite_ticket">
|
|
|
|
|
<input type="radio" value="Elite+Transfer+Dinner" checked id="elite_ticket" data-price="459" name="ticket_type">
|
|
|
|
|
<label for="elite_ticket" style="font-size:18px;">
|
|
|
|
|
Elite+Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
US$199
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="ticket_type_standard_december31th">
|
|
|
|
|
<input type="radio" value="Standard Ticket+ Transfer + Dinner" checked id="standard_december31th" data-price="149" name="ticket_type">
|
|
|
|
|
<label for="standard_december31th" style="font-size:18px;">
|
|
|
|
|
Standard+Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo" >
|
|
|
|
|
US$149
|
|
|
|
|
US$459
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable" id="ticket_type_standard_december31th">
|
|
|
|
|
<input type="radio" value="Premium+Dinner+Exclusive Transfer+Thai Costume" checked id="premium_costume" data-price="349" name="ticket_type">
|
|
|
|
|
<div class="optionLable" id="ticket_type_premium_costume">
|
|
|
|
|
<input type="radio" value="Premium+Dinner+Exclusive Transfer+Thai Costume" checked id="premium_costume" data-price="369" name="ticket_type">
|
|
|
|
|
<label for="premium_costume" style="font-size:18px;">
|
|
|
|
|
Premium+Thai Costume<br>+Exclusive Transfer+Dinner
|
|
|
|
|
<div class="selectionMemo" >
|
|
|
|
|
US$349
|
|
|
|
|
US$369
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
@ -419,16 +376,6 @@
|
|
|
|
|
var makeupNumberValue = parseInt(makeupNumberNode.value);
|
|
|
|
|
var currentTicketPrice = 10000;
|
|
|
|
|
|
|
|
|
|
var vip_december30thRadio = document.getElementById("vip_december30th");
|
|
|
|
|
var vip_december31thRadio = document.getElementById("vip_december31th");
|
|
|
|
|
|
|
|
|
|
var ticket_type_elite_december30th_div = document.getElementById("ticket_type_elite_december30th");
|
|
|
|
|
var ticket_type_elite_december31th_div = document.getElementById("ticket_type_elite_december31th");
|
|
|
|
|
var vip_type_premium_december30th_div = document.getElementById("vip_type_premium_december30th");
|
|
|
|
|
var vip_type_premium_december31th_div = document.getElementById("vip_type_premium_december31th");
|
|
|
|
|
var ticket_type_standard_december30th_div = document.getElementById("ticket_type_standard_december30th");
|
|
|
|
|
var ticket_type_standard_december31th_div = document.getElementById("ticket_type_standard_december31th");
|
|
|
|
|
|
|
|
|
|
for (var i = 0; i < ticketTypeList.length; i++) {
|
|
|
|
|
var ticketTypeNode = ticketTypeList[i];
|
|
|
|
|
currentTicketPrice = parseInt(ticketTypeNode.getAttribute('data-price'));
|
|
|
|
|
@ -443,54 +390,6 @@
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
var ticketDateList = document.querySelectorAll("input[name='ticket_date']");
|
|
|
|
|
|
|
|
|
|
for (var i = 0; i < ticketDateList.length; i++) {
|
|
|
|
|
var ticketDateNode = ticketDateList[i];
|
|
|
|
|
ticketDateNode.addEventListener('click', function (event) {
|
|
|
|
|
var currentTarget = event.currentTarget;
|
|
|
|
|
if (currentTarget.id === 'december30th') {
|
|
|
|
|
setDecember30thTicket();
|
|
|
|
|
} else if (currentTarget.id === 'december31st') {
|
|
|
|
|
setDecember31stTicket();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
function setDecember30thTicket() {
|
|
|
|
|
ticket_type_elite_december30th_div.style.display = '';
|
|
|
|
|
ticket_type_elite_december31th_div.style.display = 'none';
|
|
|
|
|
|
|
|
|
|
vip_type_premium_december30th_div.style.display = '';
|
|
|
|
|
vip_type_premium_december31th_div.style.display = 'none';
|
|
|
|
|
|
|
|
|
|
ticket_type_standard_december30th_div.style.display = '';
|
|
|
|
|
ticket_type_standard_december31th_div.style.display = 'none';
|
|
|
|
|
|
|
|
|
|
vip_december30thRadio.checked = true;
|
|
|
|
|
currentTicketPrice = parseInt(vip_december30thRadio.getAttribute('data-price'));
|
|
|
|
|
adultNumberValue = parseInt(adultNumberNode.value);
|
|
|
|
|
calcTotalPrice(currentTicketPrice, adultNumberValue);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function setDecember31stTicket() {
|
|
|
|
|
ticket_type_elite_december30th_div.style.display = 'none';
|
|
|
|
|
ticket_type_elite_december31th_div.style.display = '';
|
|
|
|
|
|
|
|
|
|
vip_type_premium_december30th_div.style.display = 'none';
|
|
|
|
|
vip_type_premium_december31th_div.style.display = '';
|
|
|
|
|
|
|
|
|
|
ticket_type_standard_december30th_div.style.display = 'none';
|
|
|
|
|
ticket_type_standard_december31th_div.style.display = '';
|
|
|
|
|
|
|
|
|
|
vip_december31thRadio.checked = true;
|
|
|
|
|
currentTicketPrice = parseInt(vip_december31thRadio.getAttribute('data-price'));
|
|
|
|
|
adultNumberValue = parseInt(adultNumberNode.value);
|
|
|
|
|
calcTotalPrice(currentTicketPrice, adultNumberValue);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var plusButton = document.getElementById("plusButton");
|
|
|
|
|
var minusButton = document.getElementById("minusButton");
|
|
|
|
|
plusButton.addEventListener('click', function (event) {
|
|
|
|
|
|