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 :
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).
Code : Sélectionner tout - Visualiser dans une fenêtre à part document.getElementById("chat").scrollTop=document.getElementById("chat").offsetHeight
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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.
Partager