scrollbar en bas

Question

Bonjour, 


  Je monte un tchat en php, mais ma question concerne les css : La conversation s'affiche dans un div par XmlHttpRequest et je ne sais pas s'il est possible de fixer la barre de défilement de ce div en bas ? Ou dois-je inverser l'affichage des messages pour que mes visiteurs puissent voir les derniers ?

   Avant d'utiliser XmlHttpRequest j'avais un iframe que je rechargeais automatiquement avec un déclic énervant toutes les 5 secondes et j'utilisais comme cible tchat.php#bas, mais je ne crois pas qu'on puisse utiliser le même procédé par XmlHttpRequest.

  En vous remerciant d'avance...




Nitruk

jediNoobiewan · Answer

Pour faire descendre un scroll tu as en javascript quelque chose du genre :


    l_div = document.getElementById('MaDivAvecUnScroll')

    l_div.scrollTop = l_div.scrollHeight


Et voilou =)

Nitruk · Answer

merci beaucoup j'essaie ca tout de suite^^

Nitruk

Nitruk · Answer

ca ne fonctionne pas, et firefox ne m'envoie pas d'erreur, même si j'écris document.getElementById('id').style.scrolltop ou .scrollheight à la place

Nitruk

jediNoobiewan · Answer

Donne ton code en entier...parceque chez moi j'avais fais la fonction pour scroller à part alors et ça ne marchait pas, je l'ai mise avec la fonction de recuperation de l'hhtpRequest et ça a marché ^^

Voilou =)

Nitruk · Answer

Voici le code, auquel j'ai ajouté la définition du scrolltop :

var xmlhttps= new Array();
      function loadXMLdoc(url, id, attente) {
        var i= xmlhttps.length;
        if(attente != null) {
          document.getElementById(id).innerHTML= attente;
          }
        if(window.XMLHttpRequest) {
          xmlhttps[i]= new XMLHttpRequest();
          xmlhttps[i].onreadystatechange= function() { xmlhttpChange(i, url, id); };
          xmlhttps[i].open("POST", url, true);
          xmlhttps[i].send(null);
          }
        else if(window.ActiveXObject) {
          xmlhttps[i]= new ActiveXObject("Microsoft.XMLHTTP");
          if(xmlhttps[i]) {
            xmlhttps[i].onreadystatechange= function() { xmlhttpChange(i, url, id); };
            xmlhttps[i].open("GET", url, true);
            xmlhttps[i].send();
            }
          }
        }


      function xmlhttpChange(i, url, id) {
        if(xmlhttps[i].readyState==4) {/*complete*/
          if(xmlhttps[i].status < 400) {
            document.getElementById(id).innerHTML= xmlhttps[i].responseText;
            document.getElementById(id).scrolltop = document.getElementById(id).scrollheight;
            }
          else {
            document.getElementById(id).innerHTML= "[Erreur "+xmlhttps[i].status+"]";
            }
          }
  }




Nitruk

Scrollbar en bas

5 réponses

Votre réponse

Discussions similaires