blob: e5280644345dc9ffd9c49277eb61c148a9b5ef78 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
<html>
<head>
<title>A top-level page with delayed cookie banner</title>
<script>
function hideBanner() {
document.getElementById("banner").style.display = "none";
}
function clickOptOut() {
document.getElementById("result").textContent = "OptOut";
hideBanner();
}
function clickOptIn() {
document.getElementById("result").textContent = "OptIn";
hideBanner();
}
function generateBanner() {
let banner = document.createElement("div");
banner.id = "banner";
let buttonOptOut = document.createElement("button");
buttonOptOut.id = "OptOut";
buttonOptOut.onclick = () => {clickOptOut();};
let buttonOptIn = document.createElement("button");
buttonOptIn.id = "OptIn";
buttonOptIn.onclick = () => {clickOptIn();};
banner.appendChild(buttonOptOut);
banner.appendChild(buttonOptIn);
document.body.appendChild(banner);
}
window.onload = () => {
const params = (new URL(document.location)).searchParams;
let delay = 0;
if (params.has("delay")) {
delay = parseInt(params.get("delay"));
}
window.setTimeout(() => {
generateBanner();
}, delay);
};
</script>
</head>
<body>
<h1>This is the top-level page</h1>
<p id="result">NoClick</p>
</body>
</html>
|
