Discussion :

[dadg]

Bonjour,

Dans une fonction qui est appellé depuis un événement click j'effectue un processus javascript qui prend beaucoup de temps, c'est pourquoi j'aimerais avant l'execution de celui ci, afficher un div, et à la fin cacher le div.

Pour cela, je me suis dit, tout simple, au début de ma fonction j'afficher mon div, j'effectue le processu et je cache mon div.

Le problème est que javascript effectue la fonction entièrement avant de retourner au navigateur se qu'il doit faire. J'ai pu remarquer cela en mettant un alert() après l'affichage de mon div. Puisque en faisant un alert, le navigateur reprend l'action et effectu se qui a été fait avant l'alert.

Est-ce que quelqu'un peut m'aider sur ce problème ?

Le code suivant fonctionne :
(avec l'alert, si on enlève l'alert ca marche plus)

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
17
18
 
<script language="javascript">
	function fTest() {
		document.getElementById("divTest").style.visibility='hidden';
		alert("test");
		a = 0;
		while (a<1000000) {
			a++;
		}
		document.getElementById("divTest").style.visibility='visible';
	}
</script>
 
<div id="divTest" style="border:1px solid;">
	Salut
</div>
 
<a href="#" onclick="fTest()">Test</a>

[FremyCompany]

au momment ou ta fonction est exécutée, divTest n'existe pas encore...

[dadg]

Ben si qu'il existe, puisque j'affiche ma page et j'appel ma fonction sur le clique du liens.

Pour bien comprendre se qui se passe, le mieux est d'essayé se petit code dans une simple page html.

D'essayer avec le alert et de réessayer sans le alert ! vous allez tout de suite voir se qui se passe.

[javatwister]

disons que while est prioritaire, mais c'est aussi le cas de la méthode setInterval... alors...

teste ça:

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
17
18
19
<script type="text/javascript">
 
var a, t, d2;
	function fTest(d) {
		d2=document.getElementById(d);
		a = 0;
		t=setInterval("with(d2.style){if(a<1000){visibility='visible';a++}else{visibility='hidden';clearInterval(t)}}",1)	
	}
 
</script>
 
 
<div id="divTest" style="visibility:hidden;border:1px solid;">
Salut
</div>
 
<p>	
<a href="#" onclick="fTest('divTest');return false">Test</a>
</p>

évidemment, ce sera beaucoup moins rapide!

[dadg]

Ok, le problème c'est que se que j'effectu un tri qui prend beaucoup de temps, donc si de mettre le div de chargement me rallonge encore le temps du tri c'est pas le top.
Il y'a pas un moyen de redonner la priorité juste avant de faire mon tri ? un peu comme l'alert mais sans confirmation de l'utilisateur !