Dzień dobry.
Chciałbym uzyskać taki efekt:

Mam formularz i wysyłam dany do bazy.
Ale wysyłanie np. kilku zdjeć zajmuje chwilę czasu. Chciałbym w tym czasie wyświetlić div'a

mam zrobionego

[HTML] pobierz, plaintext 
<div id='modal' style='display:none'>
<div class='content'>
<header class='container'> 
<h2>trwa wysyłanie</h2>
</header>
</div>
</div>";
[HTML] pobierz, plaintext 

W PHP

[PHP] pobierz, plaintext 
if(isset($_POST['coś_tam'])){
echo "<div id='modal' class='w3-modal' style='display:block'>
<div class='w3-modal-content'>
<header class='w3-container w3-teal'> 
<h2>trwa wysyłanie</h2>
</header>
</div>
</div>"; 
}
 
// później kod dalszy
[PHP] pobierz, plaintext 

Wyświetla mi tego diva, ale dopiero na końcu, przemieli, wpisze do bazy itd.. a jak już go nie potrzebuje to się wyświetla

Ajax before send

Szukaj po tych slowach

https://www.google.com/search?q=how+to+show...le&ie=UTF-8

No nie wiem, chyba się poddam. Ja nie wysyłam niczego jquery ajax itp..

Rozumiem, że w samym PHP zmiana ze style='display:none' na style='display:block' jest awykonalna ?

BeforeSend umozliwia wyswietlenie obiektu lub napisu zanim WSZYSTKIE dane nie zostana przeslane. Obiekt/loader/tekst znika w momencie zakonczenia wiec to jest to czego szukasz.

W danych js podajesz adres do pliku gdzie chcesz cos wykonac jako URL:

Co mozesz jeszcze to wyswietlic loadera czy co tam chcesz ale zacgowanie bedzie takie ze obiekt zniknie po calkowitym zaladowaniu sie strony i nie bedzie mialo z danymi bic wspolnego. To po prostu bedzie czekalo na zaladowanie sie pliku do konca.

https://www.google.com/search?q=how+to+show...le&ie=UTF-8

mhm wiem i nawet to trochę rozumiem, ale kompletnie nie umiem tego zastosować u mnie. Zwyczajnie jquery to prestidigitatorstwo.
Ale poradziłem sobie inaczej, mianowicie

w input wywołuję funkcję onclick="pokazuj()"

[HTML] pobierz, plaintext 
function pokazuj(){
var x = document.getElementById('ukryty-div');
var a = document.forms["form1"]["nk"].value;
var b = document.forms["form1"]["typ"].value;
var c = document.forms["form1"]["autor"].value;
var d = document.forms["form1"]["opis"].value;
if (a !== "" && b !== "" && c !== "" && d !== ""){
        x.style.display = 'block';
   }
   else {
        x.style.display = 'none';
   }
}
[HTML] pobierz, plaintext 

Przy okazji sprawdzę czy wszystkie pola są wypełnione. Co prawda to samo robi html, ale DZIAŁA !

I dziala tak ze podczas wysylania nawet kilkanascie sek masz diva a nastepnie znika?

Profesjonalniej jest uzycie ajax nie sztywno ustawic pokazanie sie diva jak pola sa wypelnione. Ale jak chcesz..
Wydawali mi sie ze chcesz zeby on znikl a nie ciagle sie wyswietlal

tak, no bo ja mam plik index.php i dane wysyłam do index.php, czyli "sam sobie" a warunek jest "display:block" jeśli pola nie są puste... a jak dane się wyślą to pojawi się index.php z czystymi polami. Warunek nie będzie spełniony i "display:none".
a w inputach ustawiłem autocomplete="off" ale nie jestem pewien czy to coś daje.

To bylo pytanie retoryczne