diff --git a/application/views/mobile_first/ah-lantern-form.php b/application/views/mobile_first/ah-lantern-form.php index 82532054..ed2c4cf7 100644 --- a/application/views/mobile_first/ah-lantern-form.php +++ b/application/views/mobile_first/ah-lantern-form.php @@ -29,15 +29,17 @@
US$199
+
Sold out
- +
@@ -47,6 +49,7 @@
US$139
+
Sold out
@@ -412,107 +415,53 @@ document.addEventListener('DOMContentLoaded', function () { - function initDefaultSelection() { - // 初始化时添加默认的余量信息 - addStyledLabel("ticket_type_premium_khomloy", "Sold out", "dynamic-label"); - addStyledLabel("ticket_type_vip_khomloy", "93 tickets left", "dynamic-label"); - addStyledLabel("ticket_type_standard_khomloy", "Sold out", "dynamic-label"); - } + var premium_khomloy_left = document.getElementById("premium_khomloy_left"); + var vip_khomloy_left = document.getElementById("vip_khomloy_left"); + var standard_khomloy_left = document.getElementById("standard_khomloy_left"); - // 初始化默认显示 - initDefaultSelection(); + var premium_khomloy_input = document.getElementById("premium_khomloy"); + var vip_khomloy_input = document.getElementById("vip_khomloy"); + var standard_khomloy_input = document.getElementById("standard_khomloy"); var ticket_date_november15th = document.getElementById("ticket_date_november15th"); var ticket_date_november16th = document.getElementById("ticket_date_november16th"); + vip_khomloy_input.checked = true; + + premium_khomloy_input.disabled = true; + vip_khomloy_input.disabled = false; + standard_khomloy_input.disabled = true; + ticket_date_november15th.addEventListener('click', function () { - // 先移除旧的标签 - removeExistingLabels("ticket_type_premium_khomloy", "dynamic-label"); - removeExistingLabels("ticket_type_vip_khomloy", "dynamic-label"); - removeExistingLabels("ticket_type_standard_khomloy", "dynamic-label"); - - // 添加新的余量标签 - addStyledLabel("ticket_type_premium_khomloy", "Sold out", "dynamic-label"); - addStyledLabel("ticket_type_vip_khomloy", "93 left", "dynamic-label"); - addStyledLabel("ticket_type_standard_khomloy", "Sold out", "dynamic-label"); - - // 设置standard_khomloy为disabled - var standardInput = document.getElementById("standard_khomloy"); - if (standardInput) { - standardInput.disabled = true; - } - var vip_khomloy = document.getElementById("vip_khomloy"); - if (vip_khomloy) { - vip_khomloy.checked = true; - } - var premiumInput = document.getElementById("premium_khomloy"); - if (premiumInput) { - premiumInput.disabled = true; - } + premium_khomloy_left.innerText ='Sold out' + vip_khomloy_left.innerText ='93 left' + standard_khomloy_left.innerText ='Sold out' + + + premium_khomloy_input.disabled = true; + vip_khomloy_input.disabled = false; + standard_khomloy_input.disabled = true; + + vip_khomloy_input.checked = true; + adultNumberValue = parseInt(adultNumberNode.value); + calcTotalPrice(179, adultNumberValue); }); ticket_date_november16th.addEventListener('click', function () { - // 先移除旧的标签 - removeExistingLabels("ticket_type_premium_khomloy", "dynamic-label"); - removeExistingLabels("ticket_type_vip_khomloy", "dynamic-label"); - removeExistingLabels("ticket_type_standard_khomloy", "dynamic-label"); - - // 添加新的余量标签 - addStyledLabel("ticket_type_premium_khomloy", "240 left", "dynamic-label"); - addStyledLabel("ticket_type_vip_khomloy", "149 left", "dynamic-label"); - addStyledLabel("ticket_type_standard_khomloy", "19 left", "dynamic-label"); - - var standardInput = document.getElementById("standard_khomloy"); - if (standardInput) { - standardInput.disabled = false; - } - var vip_khomloy = document.getElementById("vip_khomloy"); - if (vip_khomloy) { - vip_khomloy.checked = true; - } - var premiumInput = document.getElementById("premium_khomloy"); - if (premiumInput) { - premiumInput.disabled = false; - } - }); - }); + premium_khomloy_left.innerText ='240 left' + vip_khomloy_left.innerText ='149 left' + standard_khomloy_left.innerText ='19 left' - // 添加新的余量信息标签 -function addStyledLabel(targetId, text, labelClass) { - var target = document.getElementById(targetId); - if (target) { - removeExistingLabels(targetId, labelClass); - var existingLabel = target.querySelector('label[for]'); - if (existingLabel) { - var selectionMemo = existingLabel.querySelector('.selectionMemo'); - if (selectionMemo) { - var newLabel = document.createElement('label'); - newLabel.style.fontSize = '18px'; - newLabel.textContent = text; - newLabel.classList.add(labelClass); - selectionMemo.parentNode.insertBefore(newLabel, selectionMemo.nextSibling); - } else { - console.error('SelectionMemo element not found within label.'); - } - } else { - console.error('Existing label not found within target ID:', targetId); - } - } else { - console.error('Element not found for ID:', targetId); - } -} - -// 移除旧的余量标签 -function removeExistingLabels(targetId, labelClass) { - var target = document.getElementById(targetId); - if (target) { - var existingLabels = target.querySelectorAll('.' + labelClass); - existingLabels.forEach(function(label) { - label.parentNode.removeChild(label); - }); - } -} + premium_khomloy_input.disabled = false; + vip_khomloy_input.disabled = false; + standard_khomloy_input.disabled = false; + + premium_khomloy_input.checked = true; + adultNumberValue = parseInt(adultNumberNode.value); + calcTotalPrice(199, adultNumberValue); + }); + }); var venueList = document.querySelectorAll("input[name='Venue']");