[Javascript] Réactualisez une page toutes les X secondes...

**funktastique** · 17/01/2006, 19h50

Bonjour à tous,

J'ai une page où se trouve une frame dans laquelle je fais appelle une page : "frame_test.php". Dans cette page, je souhaite afficher une série d'images aléatoirement prises dans un répertoire et pour cela je fait :

Code :

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

 document.write("<img src='image/img"+ parseInt(Math.random()*9) + ".jpg'>")

Mais comme je souhaite que l'image change toutes les 5secondes, je met simplement cette balise meta:

Code :

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

<meta http-equiv="refresh" content="5"

, le problème c'est que l'on entend le fameux "tic" de rechargement.

Vous avez donc compris je cherche donc à réactualiser le contenu de la framen toutes les 5 secondes mais sans le fameux bruit.

Ma question est donc : comment faire avec ma méthode ou alors avez vous une autre méthode pour afficher des images prises aléatoirement dans un répertoire et à intervalles réguliers.

Merci à tous pour vos réponses.

**Halukard** · 17/01/2006, 19h58

tu peu esséyé ca par contre j'ai jamais fait attention si il on entender le tic

Code :

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

<body onload=window.setTimeout ('history.go (0)',500)>

**jak0** · 18/01/2006, 11h29

Halukard +1
Ya pas de tic, avec cette méthode...
Mais perso, je préfère quand même le :

Code :

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

window.location.reload()

au

Code :

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

history.go(0)

!
Par contre, si tu envoi des choses par la méthode post, à chaque fois ca va te demander si tu veut bien les renvoyés. Si tu veux éviter cela, fait plutôt un

Code :

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

window.location = "index.php"

J'espere t'avoir un peu aider

**funktastique** · 18/01/2006, 18h48

Merci à vous Halukard et jak0 mais la métode que vous donnez n'a pas pour effet de rafraichir la page.

Voilà tout ce que contient la page frame_test.php à réactualiser toutes les 5 secondes:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<html>
<head>
</head>
<body onload=window.setTimeout ('window.location.reload()',5000)>
<script language="javascript">
<!--
document.write("<img src='image/img"+ parseInt(Math.random()*9) + ".jpg'>");
//-->
</script>
 </body>
</html>

Je ne vois pas pourquoi ça marche pas.

**vg33** · 18/01/2006, 18h52

Sinon, utilise XMLHttpRequest. Non seulement tu n'auras pas de tic, mais en plus tu ne rechargeras pas la page, uniquement l'image.

**funktastique** · 18/01/2006, 19h07

Je conai pas du tout et appremment ya pas beaucoup de doc mais je continue mes recherches. Cependant d'apres les 1ers exemple que j'ai vu ça à l'air pas mal du tout (meme si ça risque un peu de compliquer mon code)

Si ta une idée du code en attendant, tu peux bien sur me la donner.

**funktastique** · 19/01/2006, 11h51

Pourquoi le 'window.location.reload()' placé dans le body ne fonctionne pas?

**jak0** · 19/01/2006, 12h26

Envoyé par funktastique

Pourquoi le 'window.location.reload()' placé dans le body ne fonctionne pas?

Parceque la fonction "window.setTimeout" n'existe pas, j'avais pas vu ca, il faut mettre "setTimeout", mais sans le "window." ...

Code :

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

<body onload="setTimeout('window.location.reload()', 500);">

Au pire, si ca ne marche pas, lance le avec Firefox et regarde dans la console javascript...

**funktastique** · 19/01/2006, 19h31

Exact, grand merci à toi jak0!

On entend plus le tic, avis aux interressés...

**jak0** · 20/01/2006, 13h28

Je t'en prie, et n'oublie pas le :

...

**funktastique** · 20/01/2006, 15h52

OK j'y penserai la prochaine fois.

[Javascript] Réactualisez une page toutes les X secondes...

JavaScript

Discussions similaires

Partager

Partager