Skip to content

Instantly share code, notes, and snippets.

@dynamicguy

dynamicguy/popup.html

Created October 10, 2025 20:44
Show Gist options
  • Save dynamicguy/9b678e0841848d5ad644c549d6ab99d1 to your computer and use it in GitHub Desktop.
Save dynamicguy/9b678e0841848d5ad644c549d6ab99d1 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. dynamicguy created this gist Oct 10, 2025.
    50 changes: 50 additions & 0 deletions popup.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,50 @@
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Purchase Button Popup</title>
    <style>
    body {
    font-family: Arial, sans-serif;
    text-align: center;
    margin-top: 100px;
    background-color: #f8f9fa;
    }

    button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s;
    }

    button:hover {
    background-color: #0056b3;
    }
    </style>
    </head>
    <body>

    <button id="purchaseBtn">Purchase</button>

    <script>
    document.getElementById("purchaseBtn").addEventListener("click", () => {
    const popup = window.open(
    "https://www.google.com", // URL to open
    "purchasePopup", // Popup name
    "width=800,height=600,top=150,left=300,resizable=yes,scrollbars=yes"
    );

    if (!popup || popup.closed || typeof popup.closed === "undefined") {
    alert("Popup blocked! Please allow popups for this site.");
    }
    });
    </script>

    </body>
    </html>