Met kleurrijke banners door het jaar heen

// Funktion, um ein Cookie zu lesen function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } // Funktion, die beim Laden der Seite aufgerufen wird function onPageLoad() { // Überprüfen, ob das Banner bereits geschlossen wurde const bannerClosed = getCookie("promoBannerClosed"); if (bannerClosed) { return; } // Zeit im Millisekunden, nach der das Banner angezeigt werden soll const timeOutTime = 20000; // Banner nach Ablauf der Zeit anzeigen setTimeout(function() { $('#promoModal').modal('show'); }, timeOutTime); } // Event-Listener für den Schließen-Button hinzufügen $('#promoModal').on('hidden.bs.modal', function (e) { document.cookie = "promoBannerClosed=true; path=/"; }) // Event-Listener für Klick auf das Banner $('#promoBannerLink').on('click', function (e) { document.cookie = "promoBannerClosed=true; path=/"; }) // onPageLoad Funktion beim Laden der Seite aufrufen window.onload = onPageLoad;