jQuery: effetto e loading

[blekm]

$.get("/foo.php"+searched+data, function(data){
$(".searchresult").html(data);
});

cosi metto dentro il div searchresult il risultato di quella chiamata Get. Come posso fare per mettere una gif in loading per l'attesa?

E per far apparire il div con effetto fadeIn, oppure show? le ho provate tutte, ma non funzionano

tipo

$(".searchresult").show(data);

probabilmente l'ora tarda non mi fa ragionare, qualcuno ha qualche idea?

[mxa]

Prendi spunto da questo: http://jsfiddle.net/mmarcon/EWmYd/

ti basta rimpiazzare la setTimeout con la tua $.get.

[blekm]

quindi cosi dovrebbe funzionare, giusto?

//Loader
var loaderImg = $('<img/>').attr('src', 'http://dl.dropbox.com/u/234787/ifiddle/loader.gif').addClass('loader'),
target = $('.searchresult');
    
//Show loader
target.append (loaderImg);
$.get("/foo.php"+searched+data, function(data){
    target.children('.loader').remove();
    target.append (data.hide());
    content.fadeTo ('slow', 1);
}, 3000);

stasera lo provo, grazie per ora

[mxa]

Il 3000 toglilo, non è un parametro della get.

[blekm]

Originariamente inviato da mxa
Il 3000 toglilo, non è un parametro della get.

ups, hai ragione, mi era sfuggito. Stasera provo e ti faccio sapere

[blekm]

avevo un errore strano, ho risolto in questa maniera

$('.searchresult').html('

[img]/img/loading.gif[/img]</p>');

$.get(
    "/page.php"+searched+data,
    {},
    function(result) {
        $('.searchresult').html(result).fadeIn(500, function() {
            /* ie cleartype fadein bug */
            if (this.style.removeAttribute) { this.style.removeAttribute("filter"); }
        });
    }
);