Live che contiene post come faccio a fare vedere loading?

[emanuelevt]

Salve,

ho realizzato questo piccolo script:

	$(".prodotti").live("click",function(e){
		

		f=$(this).attr('rel');
		$.post("file2.php", { nome: f }, function(msg){ $("#testo").html(msg);  $("#testo").cycle();  });

		
		e.preventDefault();
	});

il problema è che vorrei far visualizzare un loading - in quanto vi è un piccolo tempo di attesa prima che carichi il nuovo contenuto (fatto di foto) ->ma non so come fare :crying:

 

[Nefyt]

Prima della chiamata in ajax puoi modificare il div #testo no?

 

[emanuelevt]

Ciao Nefyt, grazie della risposta, ma purtroppo non posso fare quello che dici poiché nel div #testo c'è già un testo predefinito che viene successivamente cambiato da delle img (ovviamente dalla chiamata ajax).

 

[Nefyt]

Allora che tipo di effetto 'loading' intendi se non vuoi sovrascrivere il div che sta caricando?

 

[criric]

crea un div sotto a #testo, impostalo con display hidden, prima del send lo mostri con show() subito dopo lo nascondi con hide()

 

[emanuelevt]

Ho risolto facendo così:

$(".prodotti").live("click",function(e){
	
/*** div loading***/		
$("#testo").html('<div style=\'text-align:center; \'><img src=\'images/loading.gif\' /></div>');
/*** div loading***/		
		
		f=$(this).attr('rel');
		$.post("file2.php", { nome: f }, function(msg){ $("#testo").html(msg);  $("#testo").cycle();  });
		$("#prova").hide();
		
		
		
		e.preventDefault();
	});

Poiché tanto viene sovrascritto dalleimg caricarte successivamente.