Discussion :

[mdr_cedrick]

bonjour à tous

j'ai créé un petit tchat en php/ajax sur mon site
toutes les 10sec une requête récupère les 30 derniers messages et les affiche dans un div
or à chaque fois que le div se recharge ça fait une sorte de clignotement qui est fort désagréable

avez-vous une solution à ça ?

EDIT :
je vous donne aussi le code que j'utilise car le dernier message est en bas du <div> donc je positionne le scroll en bas mais il ne vas tout en bas à chaque fois, il manque toujours 4-5 pixels, ce qui fait que le dernier message est coupé en deux, on est obligé de descendre le scroll à la mano

Code :

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

1
2
3
4
5
6
function loadShoutbox()
{
	retour	=	connectURL('pages/shoutbox_show_message.php');
	document.getElementById('shoutbox').innerHTML=	retour;
	document.getElementById('shoutbox').scrollTop	=	1000;
}

[unicyclon]

Bonjour,

Je dirais qu'utiliser innerHTML pour ce genre de choses n'est pas forcément la meilleure solution si on veut éviter ce genre de clignotements désagréables.

Je verrais une solution plus propre et éviteant le clignotement qui consisterait à parser la liste des 30 derniers messages en XML, pour n'ajouter que les nouveaux à la fin en utilisant les fonctions DOM.

Ce n'est cependant qu'une idée.