Pagina 1 di 1
Barra di avanzamento
Inviato: 09 nov 2020, 13:04
da Maurizion
Bungiorno, ho bisogno di una dritta la realizzazione una barra di avanzamento.
ho creato il modulo per l'import da excel, carico dalle 5000 alle 10000 righe senza problemi.
La procedura, 0vviamente impiega diversi secondi.
Avete indicazioni ????
Grazie
Re: Barra di avanzamento
Inviato: 19 nov 2020, 11:05
da Fabio
Ciao, meddi una gif animata (rotella che gira o barra che carica) in un "<div>" in centro pagina.
Il div deve essere inizialmente nascosto con lo stile display:none.
Quando inizia il caricamento lo visualizzi con un evento javascript tipo
document.getElementById("id_del_tuo_div").style.display = 'block";
Re: Barra di avanzamento
Inviato: 26 nov 2020, 18:44
da FabioV
Se può servire ieri ho fatto al volo una procedura di attesa un po' 'rustica' visto che SC non prevede nulla di preimpostato.
Passi il messaggio che vuoi far apparire alla funzione e gira fino a quando non appare un pulsante OK che indica la fine della procedura.
Si potrebbe sostituire il messaggio con una immagine che ruoterebbe, ma mi serviva al volo.
function wait_message($str_message)
{
$ms = "<style type='text/css'>
#spinner {
text-align: center;
animation-name: spin, depth;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 3s;
}
@keyframes spin {
from { transform: rotateY(0deg); }
to { transform: rotateY(-360deg); }
}
@keyframes depth {
0% { text-shadow: 0 0 black; }
25% { text-shadow: 1px 0 black, 2px 0 black, 3px 0 black, 4px 0 black, 5px 0 black; }
50% { text-shadow: 0 0 black; }
75% { text-shadow: -1px 0 black, -2px 0 black, -3px 0 black, -4px 0 black, -5px 0 black; }
100% { text-shadow: 0 0 black; }
}</style>
<p id='spinner' style='font-size: 32px; font-family: sans-serif;'>$str_message</p>";
/*
$ms .= "<div id='stage' style='background: rgba(0,0,0,0.5);'><p id='spinner' style='background: rgba(0,0,0,0.5); text-align: center; color: #fff;'>$str_message</p></div>";
*/
echo $ms;
ob_flush();
flush();
}
Re: Barra di avanzamento
Inviato: 26 nov 2020, 22:50
da Maurizion
Grazie... appena posso la provo