Automatisch afsluiten verzoekschermpje

PHP, HTML, Joomla, WordPress, etc..
Plaats reactie
Gebruikersavatar
Kees
Beheerder
Berichten: 3149
Lid geworden op: 28 nov 2005, 22:07
SAM-versie: 4.2.2.*
Database: MySQL
Windows: 11
Locatie: Bergen op Zoom
Contacteer:

Automatisch afsluiten verzoekschermpje

Ongelezen bericht door Kees »

Deze PHP nerd heb een vraag....Is er een manier om bij het versturen van een verzoekje dat het schermpje, waar je alles kan invullen, automatisch afsluit als je op Versturen klikt.
(Dedicated screen) ?
Er wordt gebruik gemaakt van de originele samphp website, alleen vertaald in het Nederlands.
Gebruikersavatar
Wout
Beheerder
Berichten: 3501
Lid geworden op: 03 dec 2007, 14:17
SAM-versie: 2019.3
Database: MariaDB
Windows: 11
Locatie: West-Brabant
Contacteer:

Re: Automatisch afsluiten verzoekschermpje

Ongelezen bericht door Wout »

Er is wel een oplossing, maar dit vergt wel wat werk.
Hierbij opent eerst een nieuw tabblad, die dan kan worden afgesloten met 1 knop.

onderstaande code opslaan als close.php

Code: Selecteer alles

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Verzoek</title>
    <style>
        /* Verberg standaard beide knoppen */
        #openBtn, #closeBtn {
            display: none;
        }
    </style>
</head>
<body>
    <!-- Knoppen -->
    <button id="openBtn" type="button" onclick="open_window();">Open een nieuw tabblad</button>
    <button id="closeBtn" type="button" onclick="window.close();">Sluit het nieuw tabblad</button>

    <script>
        // Controleer de URL-hash en toon de juiste knop
        if (window.location.hash === "#verzoek") {
            document.getElementById('closeBtn').style.display = 'inline-block';
        } else {
            document.getElementById('openBtn').style.display = 'inline-block';
        }

        // Functie om een nieuw venster te openen
        function open_window() {
            window.open("close.php#verzoek");
        }
    </script>
</body>
</html>
Afbeelding
Plaats reactie
  • Vergelijkbare Onderwerpen
    Reacties
    Weergaves
    Laatste bericht