Overflow

[lyndell 0]

Olá a todos, estou aqui para pedir que me esclareção uma duvida chata.

 

A duvida é o seguinte, estou terminando um chat legalzinho em ajax, nisso tenho um div com um heigth maximo, e usando overflow:auto quando o tamanho exeder.

 

Porém, por ajax, esse conteudo do div vai aumentando, e quando ele aumenta, gostaria que a barra de rolagem fosse para baixo.

 

Ou seja, precisava de um focus em baixo do conteudo do div, sempre alinhado em baixo.

 

Ja tentei usar isso: eu puis um <a id="teste"></a> no final do div então quando ele atualizava ele dava document.getElementById("teste").focus();

 

 

Porém isso nao foi a melhor escolha, porque quando o usuário está escrevendo por exemplo, o fovus vai para o a, assim sai do text field e assim vai.

 

Aguardo uma resposta, Obrigado

[Thiago Retondar 18]

Poste o link para o site.

[lyndell 0]

Bom, nao sei se é nescessário mesmo porque deu pra entender oque eu quero no tópico.

 

Todo caso, está ai o link:

 

www.otlista.com/chat/

[William Bruno 1501]

Você terá que fazer uma rolagem automática com Javascript.

Apenas css, e a propriedade overflow, não vão te resolver..

Tópico Movido:

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript/DHTML

[lyndell 0]

Sim, isto eu ja tinha noçao que iria precisar, agora poderia ter me respondido como, não ?

[William Bruno 1501]

Não respondi, pq também não sei bem como.. nunca fiz algo parecido, até por isso movi para o fórum certo, pois aqui em JS as pessoas podem te ajudar melhor...

Mas eu começaria por aqui:

 

http://www.google.com.br/search?rlz=1C1GGLS_pt-BRBR321BR321&sourceid=chrome&ie=UTF-8&q=rolagem+automatica+javascript

[RobertoPC 0]

Fala,

 

Eu estou desenvolvendo um chat que tem essa função e eu desenvolvi a seguinte função.

 

// CSS da div

#div_msg    {
          width:70%; 
          height:300px; 
          background:#ffffff; 
          float:left; 
          overflow-x:hidden; 
          overflow-y:auto;
          }

// A DIV das mensagens

   <div id="div_msg">
   
   </div>

// A chamada da função

rolaScroll(fmsg.hrolamsg.value);


function rolaScroll(n){

   if(n == 1){

      // O if e o parâmetro passado pela função é irrelevante para a rolagem ele serve para verificar se a rolagem está ativa, 
      // que é verificado de tempo em tempo com o ajax, para rolagem só é necessária a seguinte linha.

      document.getElementById('div_msg').scrollTop = document.getElementById('div_msg').scrollHeight;

   }
   
}

O desenvolvimento do chat está parado, mas já dá para ver como funciona no seguinte site.

 

http://robertopc.freehostia.com/bp/

 

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Vlw