Icone de préchargement sur requete Ajax
Résolu
jlfond
Messages postés
232
Statut
Membre
-
jlfond Messages postés 232 Statut Membre -
jlfond Messages postés 232 Statut Membre -
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
- Mettre icone sur bureau - Guide
- Icone capture d'écran samsung - 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.