Afficher un message quelques secondes

**vince29** · 24/02/2012, 11h19

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**NoSmoking** · 24/02/2012, 11h23

Bonjour,
faire disparaître l'affichage

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

objet.style.display = 'none';

supprimer l'élément

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

objet.parentNode.removeChild( objet);

**vince29** · 24/02/2012, 11h30

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

**NoSmoking** · 24/02/2012, 12h14

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Bovino** · 24/02/2012, 12h53

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

**NoSmoking** · 24/02/2012, 13h28

je suis passé outre ces points de détail qui n'en sont pas...

**vince29** · 24/02/2012, 14h04

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

Afficher un message quelques secondes

JavaScript

Discussions similaires

Partager

Partager