File: file_delayed_banner.html

package info (click to toggle)
firefox-esr 128.13.0esr-1
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid, trixie
  • size: 4,230,012 kB
  • sloc: cpp: 7,103,971; javascript: 6,088,450; ansic: 3,653,980; python: 1,212,330; xml: 594,604; asm: 420,652; java: 182,969; sh: 71,124; makefile: 20,747; perl: 13,449; objc: 12,399; yacc: 4,583; cs: 3,846; pascal: 2,973; lex: 1,720; ruby: 1,194; exp: 762; php: 436; lisp: 258; awk: 247; sql: 66; sed: 54; csh: 10
file content (54 lines) | stat: -rw-r--r-- 1,345 bytes parent folder | download | duplicates (11) 
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>