[AJAX] comment lancer un refresh manuel de ma div ?

**BOST550** · 15/10/2008, 19h34

Bonjour a tous, je suis debutant en programmation, je diffuse une vidéo en streaming d'un coté de ma page web ds une div et ds une autre je voudrai pouvoir faire defiler des images ss que ca coupe mon flux, le probleme est que ces images doivent etre activer manuellement par moi, pour que ca fasse comme une télé ou je synchronise des images à ma guise, c'est pourquoi j ai pensé me tourner vers l'ajax :

j ai une page qui contient mes images que j appelle ds ma page principale et au fur et a mesure que la vidéo diffuse je change les images tt en mettant en ligne au fur et a mesure les images.
d autre part sur ma partie qui appelle les images j ai mis un refresh qui permet de prendre en compte les modifs:

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
20
21
22
23
24
25
26
27
28
<html>
<head>
 
<title>Periodical Updater</title>
 
<script language="javascript" type="text/javascript" src="prototype.js"></script>
 
</head>
 
<body>
<table align="left"> 
<tr valign="top" align="left">
<td align="left" valign="top">
<div id="image" width="450"></div>
 
 
<script language="javascript" type="text/javascript">
elementHTML = document.getElementById('image');
 
new Ajax.PeriodicalUpdater('image', 'content_image.php',{frequency: 10});
 
</script>
 
</td>
</tr>
</table>
</body>
</html>

le probleme est que c'est pas tres jolie quand l'image change moins que 10s elle se recharge, connaissez vous la fonction qu'il faut pour que ce soit moi qui lance l activation du refresh ?

est ce qu il faut chercher avec la fonction 'onreadystatechange' ?

Merci

**drdeteck** · 15/10/2008, 20h08

as-tu vérifié tu coté de timeout() ?
http://www.w3schools.com/js/js_timing.asp
http://www.htmlite.com/JS018.php

Ca peut t'aider.
Phil

**BOST550** · 16/10/2008, 11h16

merci phil mais le probleme avec cette fonction c'est que tu dois connaitre le delai exact entre chaque image (enfin si j ai bien compri) alors que moi je veux adapter en temps reel les images qui doivent etre diffusée , c est a dire lancer le refresh quand je veux

**Bovino** · 16/10/2008, 11h32

je veux adapter en temps reel les images qui doivent etre diffusée , c est a dire lancer le refresh quand je veux

Pourquoi pas un bouton qui te lance le refresh ou un onclick sur l'image ?

**BOST550** · 16/10/2008, 14h22

bah non parce que sinon autant mettre ttes les images liées ds l ordre a la suite les une des autres , j aimerai que ceux qui visionnent le film soit completement passif, et que moi je puisse enclencher le refresh de ma div pour mettre a jour une nouvelle image

**BOST550** · 16/10/2008, 14h31

oui pour bien comprendre mon probleme, si je cherche a faire ce refresh que moi j enclenche c parce que je diffuse le stream en live et que je ne sais pas quand exacement il faut inserer mon image , c pas que j aime les complications !

**Bovino** · 16/10/2008, 15h53

Donc, si j'ai bien compris, tu veux :
Depuis ton poste, lancer la modification de l'image sur les postes de tous tes visiteurs...

Si c'est ça, la complication vient du fait que tu peux modifier la page via Ajax depuis ton poste vers le serveur, mais le serveur ne peut pas de lui-même aller modifier les pages de tous tes visiteurs, il faut que ce soit eux qui le demandent (ou pour être plus précis, que la demande vienne de leur poste !).
Une possibilité que je vois mais un peu lourde (car dans la mesure où il y a du streaming, le serveur risque d'être déjà assez sollicité) serait d'inclure un appel Ajax dans un setInterval pour vérifier que l'image n'a pas changé et si besoin, la mettre à jour.

**drdeteck** · 16/10/2008, 16h52

Ouais je suis d'accord. Pour reformuler dans mes mots (et ma compréhension) Il faut que le client vérifie l'image à interval régulier (ex: setTimeout( checkNewImage ) ) Pis lorsqu'il y a une nouvelle image, elle l'affiche. Tu peux setter une variable dans le serveur qui content la nouvelle image ou un flag de communication. Tu peux pas pousser une nouvelle image comme ca, il faut que le client (qui est passif) demande un rafraichissement.

**Bovino** · 16/10/2008, 17h00

un appel Ajax dans un setInterval pour vérifier que l'image n'a pas changé et si besoin, la mettre à jour.

C'est ce que je te disais...

Ensuite, effectivement, ton appel Ajax te renvoie le nom du fichier et en js, tu changes le src de l'image...

**BOST550** · 17/10/2008, 17h50

ok , donc avec mon langage de singe : l ordi client lance un refresh de temps en temps et kan l image a changé , on fait apparaitre un bouton genre image suivante il clik et elle apparait, si c est bien ca merci il me reste plus ka trouver le code adequat ce qui est pas gagné mais en tt cas merci , le jour ou je triouve la reponse je la publie ,

merci !

**drdeteck** · 17/10/2008, 19h46

Je te suggère de prendre 1h ou 2 pour suivre un bon tutoriel de Javascript. Tu comprendras plus la différence client-serveur et ce sera beaucoup plus facile pour trouver les fonctions approprié.
Bonne chance et viens poser des questions si tu en as !
-Drdeteck-

**Bovino** · 18/10/2008, 09h58

l ordi client lance un refresh de temps en temps et kan l image a changé , on fait apparaitre un bouton genre image suivante il clik et elle apparait

Ou alors, le navigateur fait une requête périodique sur le serveur et si l'image a changé... il l'affiche !
Pour cela, vas faire un tour du côté de la section Ajax : par ici

[AJAX] comment lancer un refresh manuel de ma div ?

JavaScript

Discussions similaires

Partager

Partager