Publié le 21/09/2010
Auteur fobec
Réseaux sociaux
0 partages
0 tweets
0 plus
0 commentaires

Creer les icones loader utilisees en ajax

Une icone loader est une image affichée pendant le chargement d'une requête. Ce type d'action pendant l'attente d'une opération est largement utilisé dans le mécanisme de chargement Ajax.

Qu'est ce que l'ajax

Le terme AJAX est l'acronyme de Asynchronous JavaScript and XML, en d'autre terme un mécanisme qui utilise javascript pour charger du contenu sans devoir recharger la page. Ce type de communication entre un navigateur internet et un serveur web a permis de lancer les applications Web 2.0 avec des fonctionnalités telles que l'auto-complétion, sauvegarde automatique ou encore des widgets actualisés régulièrements (cf Facebook).

Animation pendant l'attente de la page

L'atout majeur de l'AJAX dans les applications web est de lancer des requêtes de manière asynchrones, c'est à dire non bloquantes. Pendant ce labs de temps, une icône est affichée en attendant la fin de la communication avec le serveur web.

Quelles sont les étapes d'une communication Ajax ?
Javascript: l'icone d'attente du téléchargement est affiché dans la zone à rafraichir,
XMLHttpRequest: l'objet envoie la requete au serveur et reste en attente de la réponse
Javascript: le contenu au format XML ou Json est inséré à la place de l'icone loader.

Générer une icone loader

ajax_loadL'outil en ligne ajaxload.info permet de composer ses propres icônes d'attente. La création de l'image se déroule en 3 étapes:
- indicator type: choisir son type d'animation,
- background color: sélectionner la couleur de fond,
- foreground color: sélectionner la couleur de l’animation.

Au bout de quelques secondes, une image GIF est proposée en téléchargement qu'il suffit de charger sur son poste en local.

Ajouter un commentaire

Les champs marqués d'un * sont obligatoires, les adresses emails se sont pas publiées.

A lire aussi

Réseaux sociaux
Présentation de l'article
Catégorie
tuto - webmaster
Mise a jour
21/09/2010
Visualisation
vu 4025 fois
Public
Internaute
Auteur de la publication
Fobec
Admin
Auteur de 263 articles
|BIO_PSEUDO|
Commentaires récents

Publié par Fobec dans php5

En effet, Twitter a modifie la structure de son API. P'etre qu'un jour, on trouve le temps pour finaliser un wrapper pour la version 1.1

Publié par Etiazam dans php5

Si je peux me permettre, il manque l'incrementation dans les deux boucles, telles qu'elles sont presentees elles font tourner le navigateur en rond, il faut donc ajouter
for ($x=0;$x<50;$x...

Publié par Laurent dans java

Rectification:
fonctionne en mode plein ecran avec la barre masque sur ajout d'un setUndecorated(true)

Encore merci :)

Publié par Fobec dans tuto

Je ne maitrise pas du tout WordPress ...
un plugin a l'air sympa http://wordpress.org/extend/plugins/scripts-gzip/, en parcourant le code source, j'ai vu des pistes pour integrer Gzip sous WordPre...

Publié par Patrice dans tuto

Bonjour

je cherche a activer mod_headers chez 1and1, impossible de mettre mes jpg en cache, auriez vous une piste ? merci !