Aggiungere un preload ai contenuti con jquery

m4tt86

Nuovo Utente
13 Mar 2009
9
0
0
Ciao ragazzi,
volevo un aiuto da voi, in pratica ho fatto una funzione in jquery che esegue delle operazioni in una pagina php e restituisce il risultato in un div chiamato "cat". Funziona tutto, solo che per restituire il valore ci mette un po di tempo, quindi avevo pensato di aggiungere un preloading e alla comparsa del div deve scomparire l'immagine di preoading. Come devo fare?

Codice:
<script type="text/javascript">
    function add(){
        $.ajax({
            type: "POST",
            url: "http://localhost/home.php?task=addajaxcat&lang=it",
            success: function(html){
            
            $(".cat").fadeOut('slow', function() {
                $(".cat").html(html).fadeIn('slow');
            });
            
                        }
        });
        
        }
</script>
 

customlife

Nuovo Utente
20 Apr 2009
1
0
0
Ciao m4tt86,
inserisci l'immagine che hai scelto come preloading nel punto in cui vuoi che compaia e la nascondi con css. Poi quando chiami la funzione la visualizzi con .show(); e al completamento della richiesta ajax la ri-nascondi con .hide();

<script type="text/javascript">
function add(){
$.ajax({
type: "POST",
url: "http://localhost/home.php?task=addajaxcat&lang=it",
beforeSend: function(){
//l'immagine deve essere nel DOM ma nascosta con css
$("#your_image").show();​
},
success: function(html){
$("#your_image").hide();

$(".cat").fadeOut('slow', function() {
$(".cat").html(html).fadeIn('slow');
});​

}​
});​

}​
</script>
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
I aggiungere la sessione PHP 8
K [PHP] Aggiungere caratteri ad una stringa in base alla lunghezza della stessa PHP 2
E Aggiungere Parole PHP 1
A aggiungere stringa all'inizio di ogni riga di un file txt PHP 3
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
F Aggiungere automaticamente sito a home del telefono HTML e CSS 2
C Aggiungere blocco dati Javascript 6
F [PHP] Aggiungere ruolo per accedere alle pagine PHP 2
Cosina Aggiungere pulsante pause/play a slideshow Javascript 0
A Twitter aggiungere tweet a campagna esistente o salvare pubblico Social Media Marketing 0
S aggiungere colonna date in una tabella già esistente Database 0
P [PHP] Aggiungere un mio script a prestashop? PHP 10
Shyson [PHP] Aggiungere link al codice PHP 0
D Aggiungere file .css esterno su Android HTML e CSS 4
R [PHP] Aggiungere 90 minuti a stringa orario PHP 1
brasoft2019 [PHP] aggiungere timestamp in tabella correlata PHP 0
P [PHP] Aggiungere giorni e stampare risultato da data inserita in input PHP 3
L [Java] Aggiungere elementi ad array JSON Java 0
F [WordPress] [HTML] Aggiungere una pagina solo allo sticky menu WordPress 4
C [PHP] Aggiungere pulsante paypal PHP 2
M [javascript] Aggiungere eventi al caricamento Javascript 0
M aggiungere streaming audio a pagina html HTML e CSS 2
trattorino [PHP] sql aggiungere dato in una tabella senza cancellare contenuto PHP 6
Francesco Oliviero Aggiungere comando a pulsante HTML HTML e CSS 1
felino [WordPress] [WooCommerce] Ordine: aggiungere nuovi stati con notifica email al cliente WordPress 4
L [Photoshop] Aggiungere file video in timeline Photoshop 1
D [Photoshop] aggiungere piu tracce a immagine Photoshop 4
D Aggiungere slash finale ad URL con .htaccess Web Server 2
G [Javascript] aggiungere sub-namespace Javascript 0
L Aggiungere contenuto con ajax durante lo scroll jQuery 1
felino [WordPress] [Woocommerce] Aggiungere un costo addizionale per prodotto WordPress 0
G [RISOLTO][Javascript] aggiungere elemento ad array definito nella finestra madre da popup Javascript 4
elpirata Aggiungere un disco ssd separato dal raid 1 Hardware 0
S (VENDO) Possiamo aggiungere fino a 20000 Membri nei Gruppi Facebook Italiani Annunci servizi di Social Media Marketing 2
trattorino [PHP] aggiungere html in un codice PHP 0
otto9due Aggiungere n. giorni ad una data nel datepiker jQuery 4
R [HTML] Aggiungere una tabella a fianco di altre tabelle... HTML e CSS 6
F aggiungere codice dopo n elementi jquery jQuery 1
L [Javascript] Aggiungere una riga ad una tabella Javascript 5
asevenx [Javascript] aggiungere righe con select da database e calcolo sconto in automatico Javascript 0
Monital [Javascript] decidere dove aggiungere il campo dinamicamente Javascript 1
asevenx [Javascript] aggiungere dinamicamente un campo di un form Javascript 3
ACarty [Javascript] Aggiungere link alle foto. Javascript 19
matteoraggi Aggiungere filtri a woocommerce WordPress 0
S appinventor, aggiungere tasto registrazione Sviluppo app per Android 1
V Aggiungere un img nel background Sviluppo app per Android 1
felino Capability: aggiungere cap all'editor per admin.php?page WordPress 0
E problema per aggiungere un database mdf da visual studio .NET Framework 9
M Aggiungere input text dopo aver selezionato un campo da una select option Presentati al Forum 0
M aggiungere dei div non sostituirli Javascript 1

Discussioni simili