Alte, simple Lösung bearbeitet von Raketenwilli 22.08.2022 16:47 > Da habe ich mir gedacht, den Seiten-Kopf vorauszuschicken: > > ~~~php > flush(); > ob_flush(); > sleep(2); > ~~~ Beware! [Eine der „anderen Seiten“, die sowas anzeigt](https://www.fastix.org/netztools/), ist von mir - **allerdings schon etliche Jahre alt.** Das Funktionsprinzip ist klar - aber das geht natürlich besser! Dort gibt es ein wenig HTML: ~~~HTML <div id="waitingFor">Daten werden geholt ...</div> ~~~ CSS: ~~~css #waitingFor { background-image:url(wait.gif); background-repeat:no-repeat; // … } ~~~ Javascript: ~~~JS function waiting_For() { document.getElementById( 'waitingFor' ).style.display = 'block'; document.getElementById( 'data' ).style.display = 'none'; return true; //Das ist wichtig! } ~~~ Dazu, als Starter: ~~~JS <form ... onsubmit="waiting_For();"> ~~~ (Das geht auch mit Links, füge [den passenden Events](https://stackoverflow.com/questions/8927208/catching-event-when-following-a-link) die Funktion `waiting_For()` hinzu ) und: ~~~JS function my_load_ready () { document.getElementById( 'waitingFor' ).style.display = 'none'; // ... } ~~~ Dazu den Starter: ~~~HTML <body onload="my_load_ready()"> ~~~
Alte, simple Lösung bearbeitet von Raketenwilli 22.08.2022 16:53 > Da habe ich mir gedacht, den Seiten-Kopf vorauszuschicken: > > ~~~php > flush(); > ob_flush(); > ~~~ Beware! [Eine der „anderen Seiten“, die sowas anzeigt](https://www.fastix.org/netztools/), ist von mir - **allerdings schon etliche Jahre alt.** Das Funktionsprinzip ist klar - aber das geht natürlich besser! Dort gibt es ein wenig HTML: ~~~HTML <div id="waitingFor">Daten werden geholt ...</div> ~~~ CSS: ~~~css #waitingFor { background-image:url(wait.gif); background-repeat:no-repeat; // … } ~~~ Javascript: ~~~JS function waiting_For() { document.getElementById( 'waitingFor' ).style.display = 'block'; document.getElementById( 'data' ).style.display = 'none'; return true; //Das ist wichtig! } ~~~ Dazu, als Starter: ~~~JS <form ... onsubmit="waiting_For();"> ~~~ (Das geht auch mit Links, füge [den passenden Events](https://stackoverflow.com/questions/8927208/catching-event-when-following-a-link) die Funktion `waiting_For()` hinzu ) und: ~~~JS function my_load_ready () { document.getElementById( 'waitingFor' ).style.display = 'none'; // ... } ~~~ Dazu den Starter: ~~~HTML <body onload="my_load_ready()"> ~~~
nicht angemeldet nicht angemeldet
