bonjour,

J'aimerais actualiser une iframe avec jquery. J'ai donc ce code :

<script>
var refreshId = setInterval(function() {
$('#reload').fadeOut("slow", function () {
$(this).load('comments.php?id=6').fadeIn("slow");
});
}, 3000);
</script>

<iframe src="comments.php?id=6" style="width: 100%; height: 100%; border: 0px; margin: 0px; border-radius: 10px;" class="reload" id="reload" name="reload"></iframe>

Voila mon problème :

L'iframe prends bien un effet de fade in/out comme si elle se rafraichissait bien, mais aucune actualisation. Si j'ajoute une donnée sur la page que contient l'iframe, en s'actualisant elle ne s'affiche pas alors que si j'affiche le contenu de cet iframe en direct la nouvelle info est bien présente.

merci de votre aide

Johan

Bonjour,

Pourquoi ne change tu pas la propriete src simplement.
Ex:

var refreshId = setInterval(function() {
	$('#reload').fadeOut("slow", function () {
		$(this).attr('src','comments.php?id=6').fadeIn("slow");
	});
}, 3000);

Bonjour InGamesStudio

J'ajouterais un random pour le cache au cas ou

Scion a écrit:

var refreshId = setInterval(function() {
	$('#reload').fadeOut("slow", function () {
		$(this).attr('src','comments.php?id=6&random='+Date.now()).fadeIn("slow");
	});
}, 3000);

Pour cela, il faut que ton parent communique avec l'iframe et inversement.

1) Lorsque l'on scroll dans l'iframe, tu envois l'info au parent.

2) Juste apres que le parent ait rafraichis l'iframe, il info l'info de la derniere position

Je t'invite donc a chercher sur le net comment faire communiquer une iframe avec son parent.

PS: Pour des questions de securite, il faut que les URL se trouve dans le meme domaine.