PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact

Wachten tot tag dialog gesloten is

Door Jan R op 15-04-2023 14:21
6.252 views
Hi

Ik heb een dialog tag met een vraag voor de gebruiker. Echter na maken loopt de code gewoon door terwijl ik eerst het antwoord moet hebben.

Ik heb geprobeerd met
[ul]
[li]er een los in te steken==> computer hangt in de los
[li]een wait commando. ==> wait is not defined
[/ul]

Hoe kan ik dit laten wachten?

Jan

function myConfirm(head, txt, knoppen) {
    let d = document.getElementById("dlgAsk1");
    let h = document.querySelector("#dlgAsk1 .header");
    let t = document.querySelector("#dlgAsk1 .text");
    let dknoppen = document.querySelector("#dlgAsk1 .knoppen");
    
    t.innerText = txt;
    h.innerText = head;
    
    for(let i=0;i<knoppen.length;i++) {
        let k = document.createElement("input");
        k.type="button";
        k.visible=true;
        k.value=knoppen[i];
        k.onclick = function() {
            sluit(this.closest('dialog'), this.value);
            myConfirm.terug=this.value;
        }
        dknoppen.appendChild(k);
    }
    d.showModal();
    let a=0;
    do {
        //wait(500);
        a+=1;
    } while(d.open)
    return myConfirm.terug;
}
function sluit(d, buttonTxt) {
    d.close();
    return buttonTxt;
}


        <dialog class="p50X30" id="dlgAsk1">
            <h1 class="header">&nbsp;</h1>
            <div class="text">&nbsp;</div>
            <div class="knoppen">&nbsp;</div>
            <div class="voet">&nbsp;</div>
        </dialog>
Jan R
16-04-2023 07:54
Nee toch niet want er wordt nergens gewacht
Jan Koehoorn
16-04-2023 08:40 gewijzigd op 16-04-2023 08:42
Als je dat deel van je code waarvan je wilt dat het pas uitgevoerd wordt na het sluiten van je dialog in een event listener plaatst, kun je toch gewoon het onClose event van het dialog object gebruiken? Dus zonder eindeloze loop?


<!DOCTYPE html>
<html>
    <head>
        <title>PHPHulp</title>
    </head>

    <body>

        <dialog id="favDialog">
          <form method="dialog">
            <p>
              <label for="favAnimal">Favorite animal:</label>
              <select id="favAnimal" name="favAnimal">
                <option></option>
                <option>Brine shrimp</option>
                <option>Red panda</option>
                <option>Spider monkey</option>
              </select>
            </p>
            <div>
              <button id="cancel" type="reset">Cancel</button>
              <button type="submit">Confirm</button>
            </div>
          </form>
        </dialog>

        <div>
          <button id="updateDetails">Update details</button>
        </div>

        <script>
            const updateButton = document.getElementById("updateDetails");
            const cancelButton = document.getElementById("cancel");
            const dialog = document.getElementById("favDialog");
            const animal = document.getElementById("favAnimal");
            dialog.returnValue = "hier je default-waarde";

            updateButton.addEventListener("click", () => {
                dialog.showModal();
            });

            cancelButton.addEventListener("click", () => {
                dialog.close("animalNotChosen");
            });

            dialog.addEventListener('close', () => {
                dialog.returnValue = animal.value;
                console.log('Dialog was closed. Value chosen: ' + dialog.returnValue);
            });
        </script>
    </body>
</html>
Jan R
16-04-2023 09:34
Dan zit er niets anders op dan heel de routine te herschrijven :)

Een wait zou voor mij handiger zijn :)

Bedankt allen

Reageren

Inloggen om te reageren