Icone de préchargement sur requete Ajax

Résolu/Fermé
jlfond Messages postés 230 Date d'inscription lundi 24 janvier 2005 Statut Membre Dernière intervention 19 juin 2020 - 6 mars 2008 à 13:49
jlfond Messages postés 230 Date d'inscription lundi 24 janvier 2005 Statut Membre Dernière intervention 19 juin 2020 - 6 mars 2008 à 15:14
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.

1 réponse

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
6 mars 2008 à 13:56
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;
}
1
jlfond Messages postés 230 Date d'inscription lundi 24 janvier 2005 Statut Membre Dernière intervention 19 juin 2020 28
6 mars 2008 à 15:14
Salut,

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.
0