Wie kann ich ein PopUp fenster schließen?

mamo1234 · 8. Dezember 2017

Hallo liebe Community,

Ich habe folgendes Problem:

Ich muss auf meiner Seite ein PopUp immer wieder öffnen und schließen können.

Ich erstelle das PopUp indem ich mit JS ein neues div Element erstelle und schließe es indem ich display ="none" setze.

Jedoch kann ich es so nur beim ersten mal schlißen.
Würde mich freuen wenn mir jemand helfen könnte.

mfG MAMO1234

Sempervivum · 8. Dezember 2017

Wenn Du es online hast, dann poste doch die URL.

Zitat

indem ich mit JS ein neues div Element erstelle

Ins Blaue geraten: Nicht jedes Mal neu erzeugen, sondern immer das selbe sichtbar und unsichtbar machen.

mamo1234 · 8. Dezember 2017

Sempervivum Habs leider micht Online aber ist der selber Code bei dem du mir letztes mal geholfen hast.

Sempervivum · 8. Dezember 2017

Ah ja, hab's wieder gefunden. Dann lag ich mit meinem Tipp ins Blaue richtig:

Der Code erzeugt jedes Mal ein neues Popup und weil die ID mehrfach vorkommt, wird nur die erste gefunden, aber nicht die von dem, das zuletzt erzeugt wurde.

Lösung: Abfragen, ob das Popup schon existiert, wenn ja, das existierende wieder sichtbar machen. Dies funktioniert bei mir:

Code

        var popupbgid = "lPersonenPopUpHintergrund";
        function PersonenPopUp(Personennamen) {
            var popupid = "PersonenPopUp";

            if (!document.getElementById(popupbgid)) {
                var lPersonenPopUpHintergrund = document.createElement("div");
                lPersonenPopUpHintergrund.id = popupbgid;
                document.body.appendChild(lPersonenPopUpHintergrund);

                var lPersonenPopUp = document.createElement("div");
                lPersonenPopUp.id = popupid;
                lPersonenPopUpHintergrund.appendChild(lPersonenPopUp);

                var content = "";
                for (var i = 0; i < Personennamen.length; i++) {
                    content = content + "</br></br><input type='radio' name='teacher' value=''>" + Personennamen[i];
                }

                lPersonenPopUp.innerHTML = "<form method='post' action='ZeitplanerS.php' >" + content + "</br></br><button onclick='ClosePopUp(\"" + popupid + "\")' type='button' name='submitPersonenPopUp'>" + popupid + "</button></form></br>";
            } else {
                document.getElementById(popupbgid).style.display = "block";
            }
        }

        function ClosePopUp(PopUp) {
            document.getElementById(popupbgid).style.display = 'none';
        }

Alles anzeigen

Wie kann ich ein PopUp fenster schließen?

Jetzt mitmachen!

Teilen