Preloader e chiamate ajax all'interno della pagina

felino

Utente Attivo
12 Dic 2013
940
10
18
Aci Catena (Catania)
Salve a tutti,
devo inserire un loader alla mia pagina, vorrei che questo venga visualizzato sempre, in ogni pagina che richiamo fino a quando questa non ha completato il caricamento.

Funziona tutto correttamente, il problema si presente nelle pagine ove al loro interno ho delle chiamate Ajax, usate per prelevare dei dati.
Il loader scompare ma ancora i dati non vengono mostrati.

Così cosa ho fatto:
1) nella mia index.php, subito dopo l'apertura del body, ho inserito:
Codice:
    <div id="customLoader-overlay">
        <div id="customLoader">
            <div id="customLoader-image"></div>
        </div>
    </div>
così da visualizzare subito un div di sfondo quasi nero sulla pagina (a tutto schermo) e su di esso la gif con il loader.
2) Alla fine della index.php, subito prima della chiusura del body ho inserito:
Codice:
$(document).ready(function () {
            $('#customLoader').fadeOut('slow', function () {
                $('#customLoader-overlay').fadeOut("slow");
            });
        });

So che essendo una chiamata asincrona non potrà mai darmi l'effetto desiderato...

Come posso risolvere?

Grazie.
 
Discussioni simili
Autore Titolo Forum Risposte Data
N [Javascript] script demo preloader per video Javascript 0
MarcoGrazia Creare un preloader per il sito. Snippet Javascript 5
M Javascript per download di files multipli (preloader) Javascript 1
Lenna Preloader del mio sito Flash 0
F Preloader Flash 1
M preloader Flash 0
G [PHP] chiamate di pagine condizionali PHP 2
W Come effettuare ripetute chiamate Curl con la stessa connessione autentica [PHP] PHP 0
Domenico_Falco1 Rendere dinamico un sito web con chiamate ajax e php e variabili json PHP 12
B [PHP] variabili globali in chiamate ajax PHP 0
B Videocamera Chiamate Voip IP Cam e Videosorveglianza 0
radioButton Chiamate non richieste dall'ip Database 1
webmachine [PHP] lista chiamate PHP 2
A chiamate con istanza di altra classe rispetto la classe di app. (plugin) PHP 1
F Più chiamate ajax nella stessa pagina Ajax 0
S Pagine chiamate ".do?" cosa sono? HTML e CSS 3
M Ajax: eseguire chiamate cross-domain Ajax 1
N costruire la sequenza di chiamate a js Javascript 1
A chiamate da PHP ad altri server HTTP PHP 2
M www.mytcom.it per effettuare chiamate gratis in tutto il mondo senza limiti Presenta il tuo Sito 0
R valore value di un id da passare in chiamata ajax Ajax 3
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
M Fullcalendar in Codeigniter, un aiuto per la chiamata $ajax ? jQuery 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
P Funzione jQuery Ajax invio file a php jQuery 1
E Php select option e ajax PHP 23
Emix Select concatenate php sql ajax PHP 2
MarcoGrazia Valori di ritorno json via ajax non visti. jQuery 1
felino ASP.net MVC: Exception e chiamata AJAX ASP.NET 1
motleyrulez Ricerca filtro con Ajax PHP 1
max1974 Grafico Ajax Javascript 4
max1974 Struttura $.ajax Ajax 7
C la chiamata ajax non ritorna alcun dato Ajax 1
max1974 Lettura Risultato $.ajax Javascript 1
motleyrulez Chiamata ajax per tabella php PHP 3
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
O [PHP] inviare dati da form e script ajax PHP 0
F limit show datatable ajax Ajax 1
G Eseguire codice solo al termine della chiamata ajax Ajax 1
L Problema jQuery validation AJAX (PHP 7) PHP 6
max1974 [Javascript] Grafico ajax non funziona Javascript 0
WorldWideWeb Ajax POST con risposta JSON Ajax 2
M leggere con jquery/ajax in una function javascript record di database sql server Javascript 0
A [Javascript] Ajax, Jquery e PHP Javascript 1
D [Javascript] pulsanti per comandi shell con php e ajax Ajax 7
X Problema con jquery e ajax jQuery 2
B DEBUG - PHP+JS+AJAX PHP 10
M Inserimento dati checkbox multipli in db da ajax a php PHP 1
Axis18 Creare una barra di avanzamento con $.ajax Ajax 7
otto9due Chiamata ajax su due url è possibile? Ajax 0

Discussioni simili