Icone de préchargement sur requete Ajax
Résolu
jlfond
Messages postés
223
Date d'inscription
Statut
Membre
Dernière intervention
-
jlfond Messages postés 223 Date d'inscription Statut Membre Dernière intervention -
jlfond Messages postés 223 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je voudrais savoir comment intégrer une "icone de préchargement" sur une requête Ajax.
Je m'explique : c'est un peu comme on fait en flash. Pendant que l'animation (lourde) se charge on affiche une barre de progression ou une simple animation.
Ca se fait sur des réquêtes ajax. J'ai trouvé une site pour faire les icones ( h**p://www.ajaxload.info/ ) mais rien pour savoir comment intégrer cela dans la requête ou le design
Si quelqu'un sait, merci d'avance.
Je voudrais savoir comment intégrer une "icone de préchargement" sur une requête Ajax.
Je m'explique : c'est un peu comme on fait en flash. Pendant que l'animation (lourde) se charge on affiche une barre de progression ou une simple animation.
Ca se fait sur des réquêtes ajax. J'ai trouvé une site pour faire les icones ( h**p://www.ajaxload.info/ ) mais rien pour savoir comment intégrer cela dans la requête ou le design
Si quelqu'un sait, merci d'avance.
Configuration: Windows XP Firefox 2.0.0.12
1 réponse
-
salut,
tu modifies le contenu de l'élément cible (balise HTML) et ajoutes une image (<img />).
il faut le faire dans ton script JS avant de créer ton objet XHR et d'envoyer ta requête.
l'image sera remplacée par la fonction qui met à jour la page (et donc modifie à nouveau le contenu de l'élément cible).
par exemple :function sendRequest( url ) { document.getElementById( 'cible' ).innerHTML = '<p><img src="wait.gif" width="" height="" alt="" /></p>' ; _xhr = getXHR(); if( _xhr ) { _xhr.open( 'GET', url , true ); _xhr.onreadystatechange = function() { updateContent( _xhr ); }; _xhr.send( null ) return false; } return true; }
