Function handleBoxIntersection

website/source/js/flyInAni.js:40–82

(entries)

// Function to handle the entry of the expanding box
function handleBoxIntersection(entries) {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            var box = entry.target;
            boxObserver.unobserve(box); // Stop observing once the animation has triggered

            // Add a wait time (e.g., 500ms) before opening the box
            setTimeout(() => {
                const width = box.dataset.width; // Assuming it's a string (like '400px' or '50%')
                box.style.width = width
                box.classList.add('open'); // Add class to trigger the expansion
                if (width) {
                    box.style.width = width; // Set the width dynamically
                }
    
                function handleTextBox(query) {
                    var textBox = box.querySelector(query);
                    const text = textBox.dataset.text; // Store the original text
                    textBox.textContent = ""; // Clear the box for typing effect
                    let index = 0;

                    // Function to type text slowly
                    function type() {
                        if (index < text.length) {
                            textBox.textContent += text.charAt(index); // Append the current character
                            index++;
                            setTimeout(type, 50); // Schedule the next character typing
                        } else {
                            isTyping = false; // Reset flag when typing is done
                        }
                    }

                    type(); // Start typing the text
                }
                for (let i = 0; i <= box.children.length; i++) {
                    handleTextBox("#expandText"+i.toString());
                }

            }, 200); // Adjust this value to set the wait time (in milliseconds)

        }
    });
}

// Create an Intersection Observer instance for the expanding box
const boxObserver = new IntersectionObserver(handleBoxIntersection, {