Afficher un message quelques secondes

Version imprimable

24/02/2012, 11h19
vince29

Afficher un message quelques secondes
Bonjour,

Voilà, je cherche à faire patienter mon utilisateur quelques secondes car dans mon traitement, j'ai un appel de web service qui prend un peu de temps...

J'ai essayé comme cela :
Code:

1 2 3 4 5 6 7 var x = setTimeout(attente(), 2000); clearTimeout(x); function attente(){ alert('Connexion en cours...'); }
Mon problème est qu'avec la fonction "alert", l'utilisateur doit cliquer sur OK dans le message qui s'affiche.

J'aimerais savoir s'il existe une autre fonction pour afficher un message informatif pour faire patienter l'utilisateur, et surtout lui faire comprendre qu'il a bien cliquer et que le traitement tourne...

Une solution ?

Merci.

Vince
24/02/2012, 11h23
NoSmoking

Bonjour,
faire disparaître l'affichage

Code:

objet.style.display = 'none';

supprimer l'élément

Code:

objet.parentNode.removeChild( objet);
24/02/2012, 11h30
vince29

ok pour la réponse, mais cela me servirait pour afficher un élément HTML ou non..
moi j'aimerais l'équivalent d'une boite de dialogue qui s'affiche en premier plan sans requerir d'action de l'utilisateur.
est-ce possible en javascript?
merci

Citation:

moi j'aimerais l'équivalent d'une boite de dialogue qui s'affiche en premier plan sans requerir d'action de l'utilisateur.

ce n'est qu'un problème de présentation via le CSS, pour le principe
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE HTML> <html lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>setTimout</title> </head> <body> <div id="message"><h1>Merci de patienter 2 secondes, à peu près</h1></div> <script type="text/javascript"> setTimeout( function(){ var oMsg = document.getElementById('message'); oMsg.style.display = 'none'; }, 2000); </script> </body> </html>

24/02/2012, 12h53
Bovino

Attention aussi que le code que tu proposes dans ton premier message est incorrect !

Code:

var x = setTimeout(attente(), 2000);

Là, tu ne demandes pas l'affichage pendant deux secondes, tu demandes, au bout de deux secondes, le résultat de l'exécution de la fonction attente().
D'autre part

Code:

clearTimeout(x);

tu annules immédiatement le timer après l'avoir défini, ce qui rend ce dernier particulièrement inutile ! La seule raison pour laquelle tu crois que ça "semble" fonctionner est la mauvaise utilisation de la fonction de rappel de setTimeout()...

Je t'invite donc à revoir l'utilisation de setTimeout() et des fonctions de rappel !
24/02/2012, 13h28
NoSmoking

:plusser: je suis passé outre ces points de détail qui n'en sont pas...:aie:
24/02/2012, 14h04
vince29

merci pour vos informations.
je suis réellement novice en javascript, donc désolé pour mon incompréhension sur la fonction setimeout().

pour info, j'ai mis en place l'autre solution, qui consiste à afficher une <div> au click, tout en utilisant la fonction "scrollTo" pour repositionner mon utilisateur.

Vince