[AJAX] Affichage d'une icône chargement en cours
Bonjour,
J'ai une petite question, je souhaiterais afficher une icone chargement en cours dans un script ajax, mais je sais pas trop comment faire, est-ce que quelqu'un pourrait me donner un petit coup de main?
Voici mon code
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
|
<script type='text/JavaScript'>
function getXhr(){
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
{
xhr = new XMLHttpRequest();
}
else if(window.ActiveXObject){ // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
return xhr
}
/**
* Méthode qui sera appelée sur le click du bouton
*/
function go(variable){
var xhr = getXhr()
// On défini ce qu'on va faire quand on aura la réponse
xhr.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr.readyState == 4 && xhr.status == 200)
{
document.getElementById('image').innerHTML = xhr.responseText;
}
}
xhr.open("GET","./pages/chargement_album.php?"+variable,true);
xhr.send(null);
}
go()
</script>
<div id="image">
</div> |
merci d'avance infiniment pour votre aide