Processing request - JQuery loading - Function Ready

  • 04
  • Apr 2013
  • Dev @ Contech Lab
  • View: 10114 | 0 Comments

  • jquery

  • Nelle pagine di lunga elaborazione occorre inserire un messaggio di "Processing request - Loading" che avvisa il cliente che è in corso la procedura di elabazione.

    JQuery offre tramite la funzione ready() un metodo molto molto semplice per il implementare il messaggio. Ecco come


    view plain print about
    <!--- // Loader Jquery // --->
    <!--- 
    La chiamata per attivare la libreria jQuery 
    --->

    <script 
    type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">

    </script>

    <!--- 
    Lo script che attende il caricamento della pagina

    - nasconde il messaggio di Loading
    - eventualmente, mostra il messaggio per scaricare 
      un file elaborato o altra cosa
    --->

      <script type="text/javascript">
        $(document).ready(function(){
            $(".loading_message").hide();
            $(".toggle_container").show();
        });
      </script>
                
    <div class="loading_message" style="display:block;" align="center">
    <strong>Loading - please wait</strong><br>
    <img src="/images/ajax-loader2.gif" alt="" border="0" align="absmiddle" >
    <br>
    </div>

    <div class="toggle_container" style="display:none" align="center">
    <input type="button" name="download" 
    value="- FILE READY : DOWNLOAD FILE -" onclick="document.location.href='xxx.miofile.xls';" 
    style="height:22px;">

    </div> 

    <!--- Loader end --->