Refresh d'un div pour shoutbox en ajax

**KzrData** · 16/04/2010, 16h15

Bonjour,
ayant réalisé une shoutbox, je cherche maintenant à la faire s'actualiser toute seule toutes les 20 secondes. J'utilise donc jquery pour cela.
J'ai donc cela dans le <head> de la page où s'affiche la shoutbox (l'index en fait):

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
	<script type="text/javascript"> 
		 $(document).ready(function() {
		$("#shoutbox_content").load("shoutbox.php");
		var refreshId = setInterval(function() {
		$("#shoutbox_content").load('shoutbox.php?randval='+ Math.random());
		}, 5000);
		});
	</script>

et j'ai donc "normalement" correctement placé dans ma page

Code :

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

<div id="shoutbox_content"></div>

Malheureusement le contenu de ce div ne veux pas s'afficher, je le vois pourtant bien s'actualiser mais celui ci demeure toujours vide.
Je précise que les emplacements des fichiers sont corrects et que la shoutbox fonctionne parfaitement sans la requête jquery.
Si vous voyez d'où peux venir le problème, je vous en serai bien reconnaissant.

**danielhagnoul** · 16/04/2010, 21h30

Bonsoir.

Toutes les transactions AJAX sont asynchrones. Je vous suggère d'essayer :

Code :

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

1
2
3
4
5
$("#shoutbox_content").load("shoutbox.php", function(){
	var refreshId = setInterval(function(){
		$("#shoutbox_content").load('shoutbox.php?randval='+ Math.random());
	}, 5000);
});

Qu'est-ce qu’une « shoutbox » ? S'il s'agit d'un plug-in, donner la référence et un lien internet.

**KzrData** · 17/04/2010, 01h46

Merci de votre réponse.
J'ai testé avec votre proposition mais celle-ci ne fonctionne pas.
Je continue à tester cela mais ne vois pas vraiment ce qui cloche.

Voilà pour la définition:

Une shoutbox est une sorte de mini tchat, avec deux différences majeure :
* Les messages sont persistants (un nouveau venu peu voir votre message d'il y a 1h)
* Il n'y a pas de liste de pseudo connecté

**danielhagnoul** · 17/04/2010, 23h09

Bonsoir.

Je viens de réaliser le test ci-dessous, je n'ai pas vu de problème.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$(function(){
	var i = 0;
 
	$("#conteneur").load("efface14.html", function(){
		setInterval(function(){
			$("#conteneur").load("efface" + ((i++ % 2 == 0) ? (16) : (17)) + ".html");
		}, 5000);
	});
 
	//$("#conteneur").load("efface14.html");
	//$("#conteneur").load("efface16.html");
	//$("#conteneur").load("efface17.html");
});

http://fr.wikipedia.org/wiki/Shoutbox

Une shoutbox (anglicisme pour "boîte à discussion") est un système de messagerie instantanée, généralement codé en JavaScript, intégré dans une page Web qui permet aux gens de laisser des messages sur le site, sans avoir besoin de s'enregistrer. C'est aussi un outil très rapide, compte tenu du fait que la boîte est déjà prête. Il ne reste plus qu'à taper le message et de cliquer sur le bouton d'envoi.

Exemple : http://www.i-tchat.com/

Refresh d'un div pour shoutbox en ajax

jQuery

Vue hybride

Discussions similaires

Partager

Partager