Discussion :

[Renzokuken]

Salut à tous !

Voilà, depuis pas mal de temps je cherche à afficher dynamiquement une liste de messages issue d'une BDD sur une page (PHP/MySQL) sans la recharger : ces messages doivent donc apparaître instantanément dès leur enregistrement, comme sur la page d'actualité de Facebook (il est quand même super bien fichu ce site côté AJAX...).

Pour ma part, j'ai un code qui execute cette fonction avec un setInterval(maFonction, monDelai) en Javasript, mais le navigateur freeze, notamment quand il y a pas mal de données, j'ai donc abandonné.

Une idée svp ?

Merci d'avance !

[supersnail]

Bonjour,
on peut voir le code de ta fonction?

[Renzokuken]

Simple fonction qui charge un fichier et l'affiche dans un div.

Lorsque le contenu est léger, on ne remarque rien. Plus il augmente, plus il y a un temps de latence jusqu'à ce que le navigateur bug :

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
20
21
<script type="text/javascript">
 
$(document).ready(function(){ //  lorsque tout les éléments de la page sont chargés
 
	function loadLog(){		
 
		$.ajax({
			url: "select.php",
			cache: false,
			success: function(html){		
				$("#contenu").html(html);								
		  	},
		});
 
	}
 
	setInterval(loadLog, 1000); // recharge la page
 
});
 
</script>

En plus, je ressens ces chargements. Par exemple, lors de la sélection d'un texte (ou bien si on pointe sur une bulle d'information title="info"), celui-ci clignote (apparition / disparition) lors du délai choisi pour le setInterval.

[supersnail]

Bonjour,

Pourquoi renvoyer tout le bloc de données?

Ne vaudrait-il mieux pas ajouter seulment ce qui a changé plûtot que de rebalancer tout le HTML? (ce qui supprimerait l'effet de clignotement,car c'est inutile de recharger si rien a été modifié...)