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

Version imprimable

17/01/2006, 19h50
funktastique

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

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:

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:

<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.
17/01/2006, 19h58
Halukard

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

Code:

<body onload=window.setTimeout ('history.go (0)',500)>
18/01/2006, 11h29
jak0

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

Code:

window.location.reload()

au

Code:

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:

window.location = "index.php"

J'espere t'avoir un peu aider

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:

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">  </script> </body> </html>
Je ne vois pas pourquoi ça marche pas.

18/01/2006, 18h52
vg33

Sinon, utilise XMLHttpRequest. Non seulement tu n'auras pas de tic, mais en plus tu ne rechargeras pas la page, uniquement l'image.
18/01/2006, 19h07
funktastique

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. :lol:
19/01/2006, 11h51
funktastique

Pourquoi le 'window.location.reload()' placé dans le body ne fonctionne pas?
19/01/2006, 12h26
jak0

Citation:

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:

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

Au pire, si ca ne marche pas, lance le avec Firefox et regarde dans la console javascript...
19/01/2006, 19h31
funktastique

Exact, grand merci à toi jak0!

On entend plus le tic, avis aux interressés...
20/01/2006, 13h28
jak0

Je t'en prie, et n'oublie pas le : http://www.developpez.net/forums/images/resolu.gif ...
20/01/2006, 15h52
funktastique

OK j'y penserai la prochaine fois.