[AJAX] Scrollbar et ancrage
Bonsoir a toutes et a tous,
Voila, je travaille sur un nouveau projet, je dois faire un système de messagerie instantané pour un client. Il veut donc pouvoir discuter avec ses propres clients afin de pouvoir éviter le téléphone (c'était la petite explication ;) ).
Donc j'ai commencé le projet aujourd'hui. J'ai rencontré un soucis je m'explique :
En fait, j'ai un div que j'enrichis a moyen d'une requête AJAX ( exécuter toutes les 100 millisecondes). Cela me permet de récupéré instantanément tous les messages de la discussion de la bdd. Du coup, pour l'utilisateur tout parait transparent. Sauf que lorsque le nombre de message de la discussion dépasse la taille initiale, je fais afficher logiquement une scrollbar.
Maintenant voila le soucis :
J'ai commencé par essayer cela, en vain :
Code:
document.getElementById("chat").scrollTop=document.getElementById("chat").offsetHeight
A priori, cela devrait me permettre de mettre la scrollbar en bas, et bien non. Ca me la met a la hauteur définit dans le CSS moins quelques pixels (ici 802px).
J'ai donc essayé un point d'ancrage, a chaque raffraichissement, je demande que l'url soit complété par le point d'ancrage, et idem, ca fonctionne pas ou du moins ca fonctionne sur Firefox (mais ca me bloque tout le reste) et sur Opéra ou Chrome, ca ne fonctionne pas.
Code:
1
2
3
4
5
6
|
var rep=response.responseText;
var ancre='<div id="ancre"></div>';
document.getElementById("chat").innerHTML=rep;
document.getElementById("chat").innerHTML+=ancre;
document.location='#ancre'; |
Avez vous une solution a me proposer? En plus, j'aimerai bien finir le projet rapidement (sachant que ca, c'est que la "base").
Bonne soirée, Merci d'avance.
barriton1.
