Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2000
    Messaggi
    60

    Ajax e Preload con Jquery

    Saluti a tutti, vorrei che all'apertura di una finestra ci fosse un preload (un testo o un'immaginetta) in attesa del caricamento di una pagina php molto complessa e lunga (anche 2 minuti di elaborazione) e che alla fine del caricamento il preload sparisse.

    cercando qua e là ho provato a fare così:

    codice:
    <head>
          <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
    
          <script type="text/javascript">
    
          $(document).ready(function(){
    
                  $("#contentArea").load("prova.php?id=2&mese=05&anno=2010");
    			  $("div#loading").css("display","none")
    
          });
    
    
    
          </script>
    </head>
    
    <body>
    	
    	<div id=loading>
    		
    
    loading...</p>
    	</div>
    	
    	<div id="contentArea"> </div>
    </body>

    all'apertura di questa pagina il div loading non appare, invece l'url da aprire si apre come deve.

    sbaglio sicuramente qualche istruzione, in pratica dovrei fare "alla fine dell'esecuzione del caricamento della pagina fai sparire il preload"...

    dove sbaglio? esiste qualche metodo migliore di questo?

    grazie mille per l'aiuto!

  2. #2
    <style type="text/css">
    div#contentArea{
    display:none;
    }
    </style>

    <script language="javascript">
    window.onload = function preload();
    function preload(){
    document.getElementById('loading').style.display=" none";
    document.getElementById('contentArea').style.displ ay="block";
    }
    </script>

    tieni presente che la pagina non sarà accessibile a chi non ha javascript abilitato.

  3. #3

    Re: Ajax e Preload con Jquery

    edit: ho visto adesso che citavi jQuery nel titolo scusa.
    se usi jQuery, leggine la documentazione. Inoltre c'e' anche un libro scaricabile gratis per ancora poche ore, guarda qualche post piu' giu' (jQuery: Novice to Ninja)

    Prova a cambiare cosi':

    Originariamente inviato da matteor
    codice:
    <head>
          <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
    
          <script type="text/javascript">
    
          $(document).ready(function(){
                  //Assumo che il tuo div#loading sia gia' nella pagina in qualche modo, altrimenti qui lo devi mettere
                  $("#contentArea").load("prova.php?id=2&mese=05&anno=2010", function() {
                        $("#loading").remove(); //Questo elimina dal DOM il tuo loader quando la tua pagina php ha finito l'elaborazione
                  });
    
          });
    
    
    
          </script>
    </head>
    
    <body>
    	
    	<div id="loading">
    		
    
    loading...</p>
    	</div>
    	
    	<div id="contentArea"> </div>
    </body>
    max

    Silence is better than bullshit.
    @mmarcon
    jHERE, Maps made easy

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2000
    Messaggi
    60

    Re: Re: Ajax e Preload con Jquery

    Originariamente inviato da mxa
    edit: ho visto adesso che citavi jQuery nel titolo scusa.
    se usi jQuery, leggine la documentazione. Inoltre c'e' anche un libro scaricabile gratis per ancora poche ore, guarda qualche post piu' giu' (jQuery: Novice to Ninja)

    Prova a cambiare cosi':

    perfetto, era la soluzione che cercavo;

    io avevo ottenuto lo stesso risultato mettendo la chiamata alla funzione che fa sparire il div in fondo alla pagina che si va ad aprire... funzionava lo stesso ma così è più pratico

    ora ho un piccolo problema, la pagina che torna indietro (prova.php) visualizza caratteri strani al posto di lettere accentate o simbolo dell'euro, cosa devo fare per risolvere questo problema (che mi è già capitato di vedere ma difficilmente ho risolto)?

    a quello che so è un problema di codifica...


    ps. il libro di ieri stamane non è più disponibile, non è che qualcuno è disposto a passarmelo?

    oppure altre risorse "step by step", magari in italiano, a jquery?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.