Rafraichissement automatique de page et coupures réseau

**JoN28fr** · 18/11/2008, 09h26

Bonjour à tous,

Je viens ici vous expliquer une problématique que je n'arrive pas à résoudre... J'ai fait pour mon travail, une page html. Celle-ci est affichée sur des écrans LCD visibles par tout le monde.

Cette page se rafraichit automatiquement à intervalles réguliers via la ligne suivante :
<script language="JavaScript">
setTimeout("window.location='tempsreel.php'",1);
</script>

Mais lorsqu'il survient des coupures réseau, le rafraichissement ne se fait pas et l'écran LCD affiche une belle erreur 404 !

Donc, comment et quel test pourrais-je faire avant de rafraichir la page ? (Ping vers Google ou autre... je ne sais pas trop...)

Par avance, merci !

**gwyohm** · 18/11/2008, 09h28

Fais une requête AJAX ; si tu as bien un code réponse 200, affiche le résultat de la requête

**bigboomshakala** · 18/11/2008, 09h29

je ne connais pas le php, mais tu dois pouvoir effectuer une action si ta requête échoue, genre te rediriger sur une page qui affiche "le réseau est totally dead. veuillez nous excuser pour ct incident

"

**gwyohm** · 18/11/2008, 09h33

Envoyé par bigboomshakala

je ne connais pas le php, mais tu dois pouvoir effectuer une action si ta requête échoue, genre te rediriger sur une page qui affiche "le réseau est totally dead. veuillez nous excuser pour ct incident

"

Encore faut il que le serveur réponde pour que du php soit éxécuté... dans le cas de coupures réseau c'est pas évident... Je continue à dire AJAX

**Bovino** · 18/11/2008, 10h10

Code :

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

setTimeout("window.location='tempsreel.php'",1);

Un rafraichissement toutes les millisecondes... c'est pas un peu exagéré ???

**JoN28fr** · 18/11/2008, 10h24

Envoyé par gwyohm

Encore faut il que le serveur réponde pour que du php soit éxécuté... dans le cas de coupures réseau c'est pas évident... Je continue à dire AJAX

Oui pour Ajax, le PHP n'ira pas s'il y a coupure réseau, pas de réponse du serveur en effet !

Le problème est que je ne vois pas bien comment mettre en œuvre Ajax ici....

**JoN28fr** · 18/11/2008, 10h25

Envoyé par Bovino

Code :

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

setTimeout("window.location='tempsreel.php'",1);

Un rafraichissement toutes les millisecondes... c'est pas un peu exagéré ???

C'est pour l'exemple, je suis en faite à 60 secondes. (60000 millisecondes)

**superpigeon** · 18/11/2008, 11h43

Sinon, sans faire d'ajax (qui malgré tout m'a l'air d'être la meilleure solution), tu peux aussi le faire avec deux iframe, l'une contenant le code de rafraichissement, l'autre la page rafraichie.

**gwyohm** · 18/11/2008, 12h26

Envoyé par JoN28fr

Le problème est que je ne vois pas bien comment mettre en œuvre Ajax ici....

Voici un exemple qui utilise le framework prototype. Certains diront que c'est prendre une pelleteuse pour soulever un yaourt mais ca marche très bien.

Le principe pour simplifier le tout, c'est que ta page principale (celle appellée par le navigateur) ne fais rien directement dans le body. Elle inclue une page refres.php qui dessine le contenu. Par contre elle défini le javascript :

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
 
<html>
<head>
	<title>test explode</title>
	<script type="text/javascript" src="prototype.js"></script>
	<script type="text/javascript">
 
		Event.observe(window, "load", function() {
                  new Ajax.PeriodicalUpdater( {success:$(document.body)}, 
                                                        "url-de-la-page-inclue.php",
                                                       {frequency: 60});
                });
 
	</script>
</head>
<body>
	<!-- Inclusion php de "url-de-la-page-inclue.php" -->
</body>
</html>

**JoN28fr** · 18/11/2008, 15h01

Envoyé par gwyohm

Voici un exemple qui utilise le framework prototype. Certains diront que c'est prendre une pelleteuse pour soulever un yaourt mais ca marche très bien.

Le principe pour simplifier le tout, c'est que ta page principale (celle appellée par le navigateur) ne fais rien directement dans le body. Elle inclue une page refres.php qui dessine le contenu. Par contre elle défini le javascript :

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
 
<html>
<head>
	<title>test explode</title>
	<script type="text/javascript" src="prototype.js"></script>
	<script type="text/javascript">
 
		Event.observe(window, "load", function() {
                  new Ajax.PeriodicalUpdater( {success:$(document.body)}, 
                                                        "url-de-la-page-inclue.php",
                                                       {frequency: 60});
                });
 
	</script>
</head>
<body>
	<!-- Inclusion php de "url-de-la-page-inclue.php" -->
</body>
</html>

Non, c'est vraiment pas mal ! Je suis entrain de tester et d'adapter à mes besoins, merci !

Cependant, j'aimerai faire un roulement entre plusieurs pages (exemple page1.php pendant 60 secondes, page2.php pendant 30 secondes, puis retour à la page 1 pendant 60 secondes... et ainsi de suite) mais je ne vois pas trop comment faire non plus.

**gwyohm** · 18/11/2008, 17h31

Alors je ne pense pas que tu peux continuer à utiliser PeriodicalUpdater, il faut utiliser Updater un peu comme ca (toujours avec prototype.js) :

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
 
<script type="text/javascript">
		var urls = ["URL1", "URL2", "URL3", ...];
		var refreshDelay = 60;
		function myRefresh(idx) {
			new Ajax.Updater({success:$(document.body)}, 
			urls[idx], {
				onComplete: function(){
					myRefresh.delay(refreshDelay, (idx + 1) % urls.length);
				}
			});
		}
 
		Event.observe(window, "load", function(){
			myRefresh.delay(refreshDelay, (1) % urls.length);
		});
</script>

Rafraichissement automatique de page et coupures réseau

JavaScript

Discussions similaires

Partager

Partager