+ Rispondi alla Discussione
Risultati da 1 a 2 di 2

Preloader e chiamate ajax all'interno della pagina

Ultimo Messaggio di felino il:
  1. #1
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,807
    Aggiungi felino su Facebook Aggiungi felino su Linkedin

    Preloader e chiamate ajax all'interno della pagina

    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.

  2. #2
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,807
    Aggiungi felino su Facebook Aggiungi felino su Linkedin
    Risolto, chiudendo il CustomLoader quando viene eseguita l'ultima chiamata Ajax dentro la mia pagina.

    Grazie.

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.