fonction waitFor Javascript

Dans le cadre d’un développement d’assistant de réservation d’une des application de Lucca dont je vais faire un article prochainement, j’ai eu à gérer un problème javascript qui apparaît surtout quand on utilise le Asynchrone de l’AJAX. En gros, dans certains cas, le contenant devant se remplir de son contenu n’est pas pret quand le contenu arrive ! et il faut attendre un peu, mais sans bloquer le navigateur, que les choses se fassent pour passer à la suite.

La fonction waitfor permet de tenter une action plusieurs fois :

2.         //waitFor(function(){myState.ParticipantClicked();}, function(){ return $(‘icone_participants’)}, 100, DateAdd(‘s’,1,(new Date()))))
3.         function waitFor(fonctionAExecuter, condition, interval, fin){
4.                 if (condition()) fonctionAExecuter();
5.                 else{
6.                         if(compareObjDate(fin,(new Date()),‘DIFF’)>0) setTimeout(function(){waitFor(fonctionAExecuter, condition, interval, fin);},interval);
7.                 }
8.         }
10.         //nb = compareObjDate(newDate,(new Date()),’DIFF’)
11.         function compareObjDate(date_1, date_2, operateur){
12.             diff = date_1.getTime()-date_2.getTime();
13.             if (diff>0){
14.                 date_min = date_2;
15.                 date_max = date_1;
16.             }else if (diff<0){
17.                 date_min = date_1;
18.                 date_max = date_2;
19.             }
20.             if (operateur == ‘MIN’) return date_min
21.             if (operateur == ‘MAX’) return date_max;
22.             if (operateur == ‘DIFF’) return (diff==0?diff:diff/Math.abs(diff));
23.         }
25.         //DateAdd(‘ms’,100,dateObj))
26.         //DateAdd(‘d’,1,dateObj))
27.         function DateAdd(timeU,byMany,dateObj) {
28.                 var millisecond=1;
29.                 var second=millisecond*1000;
30.                 var minute=second*60;
31.                 var hour=minute*60;
32.                 var day=hour*24;
33.                 var year=day*365;
35.                 var newDate;
36.                 var dVal=dateObj.valueOf();
37.                 switch(timeU) {
38.                         case « ms »: newDate=new Date(dVal+millisecond*byMany); break;
39.                         case « s »: newDate=new Date(dVal+second*byMany); break;
40.                         case « mi »: newDate=new Date(dVal+minute*byMany); break;
41.                         case « h »: newDate=new Date(dVal+hour*byMany); break;
42.                         case « d »: newDate=new Date(dVal+day*byMany); break;
43.                         case « y »: newDate=new Date(dVal+year*byMany); break;
44.                 }
45.                 return newDate;
46.         }

Une autre approche consiste à envoyer en parametre d’une premiere fonction, la fonction a éxécuter en retour, mais pour celà, il faut une execution plutot linéaire…

les deux fonctions de gestion de date (compareObjDate et DateAdd) ont été reprises (http://www.codingforums.com/showthread.php?t=3955 et http://www.commentcamarche.net/forum/affich-1987996-javascript-convertir-une-date-et-comparer) et en partie modifiée