Form in finestra modale

AC1

Utente Attivo
13 Nov 2017
49
2
8
Barletta
Buongiorno,

Ho un problema con le finestre modali.
Ho un file1.php che contiene un form di inserimento dati, con un tasto che mi apre un pop-up che coniene file2.php anchesso un form per inserire altri esami; alla chiusura del pop-up mi aggiorna un frame contenuto nel file1.php.

Per rendere la cosa esteticamente più bella e anche per non perdere il pop-up, voglio aprire una finestra modale; mi potreste dare una mano?


Codice:
 &nbsp;<button id="myBtn" style="background-color: #2b2f3a;border: none;color: white;padding: 2px 4px;text-decoration: none;margin: 4px 2px;cursor: pointer;border-radius: 4px;outline: none;">*MODAL</button>
        <!-- The Modal -->
        <div id="myModal" class="modal">

            <!-- Modal content -->
            <div class="modal-content">
                <span class="close">&times;</span>
                <p><!--Test Modal.....-->
                                              
                     <iframe width="100%" height="100%" marginheight="0" marginwidth="0" frameborder="0" src="file1.php" id="e_1"></iframe>
                    <?php //include('file2.php'); ?>
                </p>
            </div>

        </div>

   <script>
            // Get the modal
            var modal = document.getElementById("myModal");
                  
            // Get the button that opens the modal
            var btn = document.getElementById("myBtn");

            // Get the <span> element that closes the modal
            var span = document.getElementsByClassName("close")[0];

            // When the user clicks the button, open the modal
            btn.onclick = function() {
                modal.style.display = "block";
            }

            // When the user clicks on <span> (x), close the modal
            span.onclick = function() {
                modal.style.display = "none";
            }
            
            // When the user clicks anywhere outside of the modal, close it
            //window.onclick = function(event) {
              //  if (event.target == modal) {
                //    modal.style.display = "none";
                //}
            //}
    </script>
questo è il codice della modale, ho inserito il frame per avere una pagina assestante da quella principale.

Il problema è che non riesco a chiudere la modale dal file2.php e aggiornare il frame contenuto in file1.php