Icone de préchargement sur requete Ajax
Résolu
jlfond
Messages postés
230
Date d'inscription
Statut
Membre
Dernière intervention
-
jlfond Messages postés 230 Date d'inscription Statut Membre Dernière intervention -
jlfond Messages postés 230 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.
A voir également:
- Icone de préchargement sur requete Ajax
- Icone - Guide
- Icone windows - Guide
- Icone capture d'écran samsung - Guide
- Mettre icone sur bureau - Guide
- Icone blanche sur le bureau - Guide
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 :
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;
}
Je te remercies ca marche parfaitement.
Donc en fait tu places l'animation dans le div puis tu fais ta requête et tu attends la réponse.
Je n'y avais pas pensé...
Merci beaucoup.