Visualizzazione dei risultati da 1 a 3 su 3

Discussione: aiuto preload ajax

  1. #1

    aiuto preload ajax

    Buongiorno a Tutti.
    Premetto di non essere esperto di javascript, il mio problema e' inserire un preload da far visualizzare all'utente al caricamento della funzione ajax. Lo script e' il seguente:

    // JavaScript Document
    function createObject() {
    var tipo_richiesta;
    var browser = navigator.appName;

    if(browser == "Microsoft Internet Explorer")
    {
    tipo_richiesta = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else
    {
    tipo_richiesta = new XMLHttpRequest();
    }
    return tipo_richiesta;
    }

    var http = createObject();

    function richiedi(valore)
    {
    http.open('get', 'Ajax/select_image.php?tipo='+valore);
    http.onreadystatechange = handleResponse;
    http.send(null);
    }

    function handleResponse()
    {
    if(http.readyState == 4)
    {
    var response = http.responseText;
    document.getElementById('img_sfondo').innerHTML = response;
    }
    }

    In pratica vorrei che durante il caricamento dell'immagine quindi quando
    "http.readyStaste == 1" a video si visualizzasse una immagine che avvisa l'utente che di attendere il caricamento (l'immagine ce l'ho gia!).

    Grazie in anticipo!!!!

  2. #2
    un'idea potrebbe essere quella di far comparire l'immagine del loader appena fai la send e farla scomparire appena il ready state è uguale a 4.
    Non so cosa c'è di pronto, se stai usando jquery un'idea banale potrebbe essere quella di usare un dialog http://docs.jquery.com/UI/Dialog con l'opzione modal settata, non visualizzare la barra nell'header e visualizzare nel corpo solamente l'immagine del loader.
    In pratica lo inizializzi, l'istruzione prima di fare la send lo mostri e la prima istruzione dellla success lo chiudi.

  3. #3
    Grazie dell'idea!!!1 in effetti sto usando proprio jquery ... adesso mi metto al lavoro!!!
    Ciaooooo

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 © 2026 vBulletin Solutions, Inc. All rights reserved.