Discussion :

[riadhhwajdii]

salut je travaille sur une application web avec JSF
j'ai une classe qui me permet de créer et modifier dynamiquement des images.
d'abord mon problème était que les images modifiés ne sont pas affiché: j'ai toujours les anciennes images
après des recherches j'ai intégrer la fonction JS suivante:

Code :

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

1
2
3
4
5
6
7
8
 
function remplaceImages(){
	for(i=0;i<document.images.length;i++)
		{
		document.images[i].src=document.images[i].src+'?'+new Date();
		}
	//alert('image');
	}

cette fonction m'a permis de résoudre ce problème
maintenant,j'ai un nouveau problème:après un certain temps(mes images sont modifié et affiché chaque seconde),les images ne sont plus affichés malgré que j'ai bien vérifié qu'il sont modifiés dans le dossier ou je les créer

[SpaceFrog]

tu lances la fonction de rafraichissement à quel intervalle ?

il faut peur être plus d'une seconde pour que tes images se chargent ...

[riadhhwajdii]

tu lances la fonction de rafraichissement à quel intervalle ?

il faut peur être plus d'une seconde pour que tes images se chargent ...

merci SpaceFrog pour la reponse
en effet mes images ne sont que des diagrammes de statistiques
la fonction de rafraichissement est lancé chaque t secondes selon le choix de l'utilisateur(t peut etre 1seconde, 2secondes,10 secondes,30 secondes...)
quéest ce que vous me suggérer alors faire?

[SpaceFrog]

de tester le complete de l'image avant de relancer un charegement

[riadhhwajdii]

de tester le complete de l'image avant de relancer un charegement

comment tester le compete de l'image SVP?

[Bovino]

Salut,
Par exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function remplaceImages(){
    var total = document.images.length;
    var compteur = 0;
    for(i=0;i<total;i++){
        document.images[i].src=document.images[i].src+'?'+new Date();
        document.images[i].onload = function(){
            compteur++;
            if(compteur==total){setTimeout(remplaceImages, duree);}
        }
    }
}

[riadhhwajdii]

Salut,
Par exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function remplaceImages(){
    var total = document.images.length;
    var compteur = 0;
    for(i=0;i<total;i++){
        document.images[i].src=document.images[i].src+'?'+new Date();
        document.images[i].onload = function(){
            compteur++;
            if(compteur==total){setTimeout(remplaceImages, duree);}
        }
    }
}

merci Bovino pour l'aide
mais c'est quoi la variable duree

[SpaceFrog]

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
function checkalldone(){
var ok=0
for(i=0;i<document.images.length;i++){
         if (document.images[i].complete){ok++}
 }
return ok==document.images.length;
}
 
 
function remplaceImages(run){
if (run){
 for(i=0;i<document.images.length;i++){
		document.images[i].src=document.images[i].src+'?'+new Date();
	}
}
}

et lancer la fonction

Code :

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

1
2
 
 remplaceImages(checkalldone())

[Bovino]

mais c'est quoi la variable duree

C'est le délai de rafraichissement défini par l'utilisateur

[riadhhwajdii]

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
function checkalldone(){
var ok=0
for(i=0;i<document.images.length;i++){
         if (document.images[i].complete){ok++}
 }
return ok==document.images.length;
}
 
 
function remplaceImages(run){
if (run){
 for(i=0;i<document.images.length;i++){
		document.images[i].src=document.images[i].src+'?'+new Date();
	}
}
}

et lancer la fonction

Code :

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

1
2
 
 remplaceImages(checkalldone())

j'ai tester votre idée mais toujours la'application marche bien pour un sertain temps(à peu pres 30s) et puis les images ne sont plus affiché
autre chose, j'ai tester l'application avec une fonction de rafraichissement chaque 10secondes et toujours meme probleme!!!je ne pense pas que 7 images vont resster plus que 10 secondes pour se charger

[SpaceFrog]

ça dépend 1 de la taille de l'image et 2 de si l'accès à l'image est dispo sur le serveur si coté sereveur il y a ecrasement de fichier ...

[riadhhwajdii]

ça dépend 1 de la taille de l'image et 2 de si l'accès à l'image est dispo sur le serveur si coté sereveur il y a ecrasement de fichier ...

• pour la taille, les images sont de presque 8 ko

• pour l'acces à l'image,ma fonction de rafraichissement provoque l'ecrasement de l'ancienne image et puis la reconstitution d'une nouvelle

est ce qu'il y a un moyen pour s'en sortir