Uitleg / tutorial als data geladen word show animatie
Wat ik mij afvroeg is of er een tutorial of er een site is die kan uitleggen je een loader animatie kan tonen op het moment dat er iets geladen word.
Situatie voorbeeld:
Een button waar je iets me kan laten opvragen "afbeelding, tekstbestand". Als deze button word geklikt dan wil ik een animatie laten zien totdat het bepaalde opgevraagde element gereed is. Natuurlijk moet het element z.s.m. gereed zijn, maar als dit iets groot is dan duurd het natuurlijk ietsjes langer.
Hoop dat iemand een goede tutorial weet of misschien mij opweg kan helpen.
Gr. Bryan
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
$.ajax({
url: "ajax/script.php",
cache: false,
success: function(html){
$(".result").empty().html(html);
},
error:function (xhr, ajaxOptions, thrownError){
$(".result").empty().html('Er is een fout opgetreden:'+ xhr.status + ' '+ thrownError);
}
});
url: "ajax/script.php",
cache: false,
success: function(html){
$(".result").empty().html(html);
},
error:function (xhr, ajaxOptions, thrownError){
$(".result").empty().html('Er is een fout opgetreden:'+ xhr.status + ' '+ thrownError);
}
});
Waarbij er een HTML-element is met een ID result waarbij er een standaard een laad-icoontje (throbber) wordt getoond. Zodra de AJAX-request is gelukt om je data op te halen wordt dat element leeggehaald en de data erin verwerkt die je opvraagt.
In bovenstaande uitleg word er dus een html ingeladen, tot die tijd draait de thobber.
Als er nu een situatie is dat php een link gegenereerd op de zelfde pagina.
Er word via php een link gemaakt met een aantal variabelen die gecodeerd worden.
Wat kan ik dan doen om de persoon te laten zien dat deze gemaakt word? Liefst met een throbber/spinner.
Anders kan je hem vertragen met sleep(5) ofzo. Maar persoonlijk houd ik niet van onnodige wachtmomenten terwijl de data alla lang en breed aangeboden kan worden.
Gewijzigd op 03/04/2015 14:47:31 door - Ariën -
of
2. maak het afhandelend script zo snel dat dit niet nodig is
was hier niet laatst een topic over? animatie gifjes?
EDIT: yep, hiero
Gewijzigd op 03/04/2015 15:17:01 door Thomas van den Heuvel