Hallo Ihrlerstein, ich suche...

Suchfeld - wonach suchen Sie? label { font-size: 0px !important; color: transparent !important; position: absolute; } input[type="text"]#chatbot-search { width: 100%; padding-right: 40px; padding-left: 30px; border: none; color: #181818; font-size: 20px; background-color: transparent; } .search-wrapper { margin: 1em; padding-top: 0.5em; padding-bottom: 0.5em; border: 1px solid #ccc; font-size: 20px; font-weight: 400; background-color: white; display: flex; align-items: center; border-radius: 50px; position: relative; } .hidden { display: none; } .search-icon { position: absolute; right: 1em!important; cursor: pointer; color: #181818; font-size: 20px; } .shortcode-wrapper { padding: 1em; text-align: center; font-size: 20px; color: #181818; } .switch-button { font-size: 16px; padding: 0.5em 1em; border-radius: 5px; border: none; cursor: pointer; background-color: transparent!important; border:none!important; color: white!important; transition: transform 0.5s ease; } .switch-button:hover { color: black; transform: scale(1.05); } .button-wrapper { display: flex; justify-content: center; } document.addEventListener("DOMContentLoaded", function() { const content = document.getElementById("content"); const switchButton = document.getElementById("switchButton"); const searchWrapper = document.querySelector(".search-wrapper"); const shortcodeWrapper = document.getElementById("shortcode-view"); let isAIView = true; // Track current view // Check if window.neuraflow exists if (!isAIView) { // If window.neuraflow is not defined, show only the normal search searchWrapper.classList.add("hidden"); shortcodeWrapper.classList.remove("hidden"); isAIView = false; // Switch to normal view updateSwitchButtonText(); // Update button text } else { // window.neuraflow exists, continue with the AI search functionality setupTypingEffect(); // Add event listener for Enter key press const input = document.getElementById("chatbot-search"); input.addEventListener("keydown", function(event) { if (event.key === "Enter") { event.preventDefault(); sendMessage(); } }); } // Function to switch views function switchView() { if (isAIView) { // Switch to normal search view searchWrapper.classList.add("hidden"); shortcodeWrapper.classList.remove("hidden"); } else { // Switch back to AI-based view searchWrapper.classList.remove("hidden"); shortcodeWrapper.classList.add("hidden"); // Reinitialize the typing effect } isAIView = !isAIView; updateSwitchButtonText(); // Update the button text after switching } // Function to update button text function updateSwitchButtonText() { switchButton.innerText = isAIView ? "Zur normalen Suche wechseln" : "Zur KI Suche wechseln"; } // Add event listener to the switch button switchButton.addEventListener("click", switchView); // Function to setup the typing effect function setupTypingEffect() { const input = document.getElementById("chatbot-search"); const messages = input.getAttribute("data-messages").split(";"); let messageIndex = 0; let charIndex = 0; const typingInterval = 40; // Typing speed (ms) const erasingInterval = 10; // Erasing speed (ms) function type() { if (charIndex 0) { input.placeholder = input.placeholder.slice(0, -1); charIndex--; setTimeout(erase, erasingInterval); } else { input.placeholder=""; messageIndex = (messageIndex + 1) % messages.length; setTimeout(type, 500); } } // Start the typing effect type(); } }); function sendMessage() { const input = document.getElementById("chatbot-search"); const message = input.value; if (typeof window.neurabot !== 'undefined' && typeof window.neurabot.openWindowAndSendMessage === 'function') { window.neurabot.openWindowAndSendMessage(message); } else { console.error("window.neurabot is not defined or openWindowAndSendMessage function is not available."); } }