Bonjour à tous,

Voici ma fonction:

function Ma_fonction() {

document.getElementsByTagName('body')[0].style.cursor = 'wait';

//fait quelque chose d'assez long

document.getElementsByTagName('body')[0].style.cursor = 'auto';
}

En gros, vous l'aurez compris, je souhaite faire apparaître un curseur 'wait' pendant l'exécution de ma fonction mais actuellement rien ne se passe.

J'ai tenté de le faire apparaître grâce à l'ajout d'une classe et dans l'outil de développement chrome je vois la classe s'ajouter et se supprimer mais le pointer reste le même

Avez-vous une idée?

Bonjour,

javascript est asynchrone ce qui veut dire qu'il va faire les 2 lignes à peu pret en même temps.

Il faut que tu remette le curseur en auto dans le callback de ta fonction assez longue.

Bonjour Krogoth,

Merci pour ta réponse.

Après quelques recherche je pense que la fonction de callback s'écrit de cette façon:

<input id="CampagneBeaucoup" onclick="AmountSection(this.id, callback)" type="checkbox" checked="">

function AmountSection(clicked_id, callback) {
            document.getElementsByTagName('body')[0].style.cursor = 'wait';
            callback(clicked_id);
        }

        function callback(clicked_id){
//do staf
            document.getElementsByTagName('body')[0].style.cursor = 'auto';

        }

Mais rien à faire...

Mon cuseur ne passe pas en mode wait

Quelqu'un pourrai m'aider?

-
Edité par mimi270188 25 octobre 2016 à 10:22:29