document.body.appendChild(modal);
if (enableBtn) { enableBtn.addEventListener('click', showDetailedInstructions); }
// Remove existing modal if any const existingModal = document.getElementById('cookie-instructions-modal'); if (existingModal) existingModal.remove();
// Show detailed instructions in a modal/popup function showDetailedInstructions() { const instructions = getBrowserInstructions();
.cookie-warning ul { margin: 10px 0; padding-left: 20px; color: #666; font-size: 13px; }
// Clean up document.cookie = `${testKey}=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
modal.innerHTML = ` <div style="background: white; border-radius: 12px; max-width: 450px; width: 90%; padding: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.3);"> <h3 style="margin-top: 0;">Enable Cookies in ${instructions.browser}</h3> <ol style="margin: 20px 0; padding-left: 20px;"> ${instructions.steps.map(step => `<li style="margin: 12px 0;">${step}</li>`).join('')} </ol> <div style="display: flex; justify-content: flex-end; gap: 10px;"> <button id="close-modal-btn" style="padding: 8px 16px; background: #2196f3; color: white; border: none; border-radius: 6px; cursor: pointer;">Got it</button> </div> </div> `;
Your Browser Is Currently Set To Block Cookies [LIMITED]
document.body.appendChild(modal);
if (enableBtn) { enableBtn.addEventListener('click', showDetailedInstructions); } your browser is currently set to block cookies
// Remove existing modal if any const existingModal = document.getElementById('cookie-instructions-modal'); if (existingModal) existingModal.remove(); document
// Show detailed instructions in a modal/popup function showDetailedInstructions() { const instructions = getBrowserInstructions(); if (enableBtn) { enableBtn.addEventListener('click'
.cookie-warning ul { margin: 10px 0; padding-left: 20px; color: #666; font-size: 13px; }
// Clean up document.cookie = `${testKey}=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
modal.innerHTML = ` <div style="background: white; border-radius: 12px; max-width: 450px; width: 90%; padding: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.3);"> <h3 style="margin-top: 0;">Enable Cookies in ${instructions.browser}</h3> <ol style="margin: 20px 0; padding-left: 20px;"> ${instructions.steps.map(step => `<li style="margin: 12px 0;">${step}</li>`).join('')} </ol> <div style="display: flex; justify-content: flex-end; gap: 10px;"> <button id="close-modal-btn" style="padding: 8px 16px; background: #2196f3; color: white; border: none; border-radius: 6px; cursor: pointer;">Got it</button> </div> </div> `;