Applications
1. Une icône de chargement
Les requêtes AJAX peuvent parfois entraîner une relative lenteur au chargement du fichier externe en fonction de la taille de celui-ci, de l’encombrement du serveur et/ou de la qualité de la connexion.
Ainsi, pour éviter que l’utilisateur ne soit désappointé par ces moments d’attente, le concepteur peut prévoir une petite icône indiquant que le chargement est en cours. Cette icône est en fait une image gif animée qui apparaît à l’initialisation de la requête et qui disparaît lorsque la requête a abouti avec succès.
Le site ajaxload (http://www.ajaxload.info/) propose une série impressionnante de ces icônes animées de téléchargement.
Son interface permet de choisir le type d’animation (Indicator type), la couleur de fond (Background color) et la couleur de l’animation (Foreground color). Le bouton Generate it ! crée l’image et en donne un aperçu. Le bouton Download it ! vous permet de télécharger l’icône animée. Rien de plus simple. Parfait pour ne pas perdre de temps à créer soi-même ces images d’attente. Bien entendu, c’est entièrement gratuit.
Exemple
Soit le fichier de départ qui comporte simplement un bouton et une division destinée à afficher le fichier une fois chargé.
Le document HTML :
<!doctype html> ...
Conditions générales d'utilisationCopyright - © Editions ENI ||Politique de protection des données du groupe ENI