<script> // Use checkbox to create a pricing calculator on a Webflow form // when dom is ready document.addEventListener('DOMContentLoaded', function () { const CHECKBOX_SELECTOR = '[fs-hacks-element="checkbox"]'; const TOTAL_SELECTOR = '[fs-hacks-element="total-value"]'; const HIDDEN_INPUT_SELECTOR = '[fs-hacks-element="hidden-total"]'; const checkboxes = document.querySelectorAll(CHECKBOX_SELECTOR); const totalValueDiv = document.querySelector(TOTAL_SELECTOR); const hiddenTotalInput = document.querySelector(HIDDEN_INPUT_SELECTOR); if (checkboxes.length === 0 || !totalValueDiv || !hiddenTotalInput) return; /*** * This function updates the totals div and the hidden input * @param total * @param totalValueDiv * @param hiddenTotalInput */ const updateTotals = (total, totalValueDiv, hiddenTotalInput) => { // format sum e.g. 3500 to 3,500 const formattedSum = new Intl.NumberFormat().format(total); totalValueDiv.innerText = formattedSum; // add the sum value to the hidden input hiddenTotalInput.value = formattedSum; }; let sum = 0; for (const checkbox of checkboxes) { // find initial totals on page load const amountToBeAdded = Number(checkbox.getAttribute('add-value')); // if amountToBeAdded is Nan skip if (isNaN(amountToBeAdded)) continue; if (checkbox.checked) sum += amountToBeAdded; // add listener to checkbox checkbox.addEventListener('input', function () { // add or subtract amountToBeAdded given the checkbox state if (checkbox.checked) { sum += amountToBeAdded; } else { sum -= amountToBeAdded; } updateTotals(sum, totalValueDiv, hiddenTotalInput); }); } // update totals on page load updateTotals(sum, totalValueDiv, hiddenTotalInput); }); </script>

<script> // Move contents of one div into another div $('.flowie-copy-this').children().appendTo('.flowie-insert-here'); </script>

<style> /* Change color of highlighted text */ ::selection { color: #000000; background: #FFFFFF; } </style>

<script> // Trigger click on an element by clicking something else $('.flowie-trigger').on('click', function() { $('.flowie-click-this').click(); }); </script>

<script> // Display a countdown for a specific date $(document).ready(function(){ // Set the date we're counting down to var countDownDate = new Date("Oct 5, 2019 15:37:25").getTime(); // Update the count down every 1 second var x = setInterval(function() { // Get today's date and time var now = new Date().getTime(); // Find the distance between now and the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Output the result in an element with a class set $('.flowie-countdown').html(days + "d " + hours + "h " + minutes + "m " + seconds + "s "); // If the count down is over, write some text if (distance < 0) { clearInterval(x); $('.flowie-countdown').html("Countdown has expired!"); } }, 1000); }); </script>

<script> // Disable scroll on menu click $('.flowie-burger-menu').click(function() { var clicks = $(this).data('clicks'); if (clicks) { $("body").css("overflow", "auto"); } else { $("body").css("overflow", "hidden"); } $(this).data("clicks", !clicks); }); </script>

<script> // If you use anchor links on the same page inside your menu you must trigger a click on the menu button to close the menu and enable scroll again $(".flowie-anchor-link").click(function() { $(".flowie-burger-menu").click(); }); </script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.18/jquery.touchSwipe.min.js"></script>

<script> // Add swipe gestures to Webflow slider (Script) $(".w-tab-content").swipe( { swipeLeft:function(event, direction, distance, duration, fingerCount) { $(".w-tab-menu a.w--current").next('a').click(); }, swipeRight:function(event, direction, distance, duration, fingerCount) { $(".w-tab-menu a.w--current").prev('a').click(); }, }); </script>

<script> /* Greet visitors based on their time */ var myDate = new Date(); var hrs = myDate.getHours(); var greet; if (hrs < 12) greet = 'Good Morning'; else if (hrs >= 12 && hrs <= 17) greet = 'Good Afternoon'; else if (hrs >= 17 && hrs <= 24) greet = 'Good Evening'; document.getElementById('lblGreetings').innerHTML = greet; </script>