Envoyer des événements personnalisés au navigateur

Question

Je ne sais pas ce que je demande est faisable ou non. Mais, chaque fois que je lance une requête ajax, je veux envoyer l'événement processing au navigateur, afin qu'il affiche le cercle tournant dans l'onglet et affiche une barre de progression, jusqu'à ce que la requête se termine.

Est-ce possible? Si oui, pouvez-vous me désigner pour corriger la ressource.

Answer 1

Il n'y a aucun moyen de rendre le spinner animé par programmation, mais vous pouvez simuler le comportement en utilisant a hidden iframe. Tant que le iframe est en cours de chargement, le navigateur va animer le spinner.

var doneLoading = false; 

var simulateLoad = function() { 
    var ifrm = document.createElement('IFRAME'); 
    //make dummy.html a sufficiently large file 
    ifrm.setAttribute('src', 'dummy.html?' + Math.floor(Math.random()*100)); 
    ifrm.style.display = 'none'; 
    ifrm.onload = function() { 
     if(!doneLoading) { 
      document.body.removeChild(ifrm); 
      simulateLoad(); 
     } 
    } 
    document.body.appendChild(ifrm); 
} 

var startLoad = function() { 
    doneLoading = false; 
    simulateLoad(); 
} 

var endLoad = function() { 
    doneLoading = true; 
}