Edycja rekordu z bazy danych w okienku modal.

0

Witam, w jaki sposób mogę pominąć

Obecny kod:

<button class="myBtn_multi edytuj">EDYTUJ</button>
<div  class="modal modal_multi">
<div class="modal-content">
<span class="close close_multi">×</span>
<p><iframe src="edytuj.php?id=<?php echo $row['id']; ?>" style="width:100%; height:88%; border:0px; "></iframe></p>
</div>
</div>
<script src="js/modal.js"></script> 

Klikając w przycisk EDYTUJ otwiera mi się okienko modal z możliwości akutalizacji rekordów i przyciskiem ZAPISZ.
Po naciśnięciu przycisku ZAPISZ rekordy się aktualizują, ale nie znika okno modal.

Kombinowałem z **<?php include("edytuj.php?id=<?php echo $row['id']";?> **ale wywala błędy.

Chciałbym zrobić to tak, że po kliknięciu ZAPISZ zamyka okno i odświeża stronę do której kieruje:

 if (!empty($result) ){
			header('Location: index.php');
		}
0

Dopisz se do modal.js funkcję ukrywającą DIV modal-content np. ukryj_modal
Nie wiem jaką stronę wczytuje ci po wysłaniu danych edytuj.php, ale wrzuć sobie na nią wywołanie ukryj_modal z parent frame
https://stackoverflow.com/questions/935127/how-to-access-parent-iframe-from-javascript
i powinno działać.

0

Plik edytuj.php to plik do aktualizacji danych w bazie danych, po naciśnięciu przycisku ZAPISZ, zapisuje zmiany i wyświetla stronę index.php.
Sam plik modal wygląda tak:

  // Get the modal

        var modalparent = document.getElementsByClassName("modal_multi");

        // Get the button that opens the modal

        var modal_btn_multi = document.getElementsByClassName("myBtn_multi");

        // Get the <span> element that closes the modal
        var span_close_multi = document.getElementsByClassName("close_multi");

        // When the user clicks the button, open the modal
        function setDataIndex() {

            for (i = 0; i < modal_btn_multi.length; i++)
            {
                modal_btn_multi[i].setAttribute('data-index', i);
                modalparent[i].setAttribute('data-index', i);
                span_close_multi[i].setAttribute('data-index', i);
            }
        }
        for (i = 0; i < modal_btn_multi.length; i++)
        {
            modal_btn_multi[i].onclick = function() {
                var ElementIndex = this.getAttribute('data-index');
                modalparent[ElementIndex].style.display = "block";
            };

            // When the user clicks on <span> (x), close the modal
            span_close_multi[i].onclick = function() {
                var ElementIndex = this.getAttribute('data-index');
                modalparent[ElementIndex].style.display = "none";
            };

        }

        window.onload = function() {

            setDataIndex();
        };

        window.onclick = function(event) {
            if (event.target === modalparent[event.target.getAttribute('data-index')]) {
                modalparent[event.target.getAttribute('data-index')].style.display = "none";
            }
        };

Czy nie da się includować pliku edytuj.php w okienku modal tak żeby po kliknięciu przycisku EDYTUJ można było dokonać zmian na konkretnym rekordzie ?
Coś jak tutaj (30 sekunda):

1 użytkowników online, w tym zalogowanych: 0, gości: 1