Barra de rolagem de Text área

Front-end
#1

Olá,

Estou com um problema na barra de rolagem de um textarea, a ideia é a seguinte:
tenho um input que ao clique de um Button envia informações para o textarea (como um chat)…
porém a barra de rolagem do textarea não fica fixa em baixo, quando o textarea recebe alguma informação ela
vai subindo…
Gostaria de saber como deixar a barra fixa em baixo, pelo menos até o cursor do mouse movimentar ela.

OBS.: estou usando JSP

#2

Carinha, isso a princípio teria que ser feito por javascript, mas não vi nenhum método no textArea (Olhei aqui, ó: http://www.w3schools.com/jsref/dom_obj_textarea.asp) que faça isso.

Talvez você possa pegar alguma dica do código do RichTextEditor, que é um script javascript que desenha um editor de texto no browser. Em vez de usar uma textarea ele utiliza um iframe…

http://www.dynamicdrive.com/dynamicindex16/richtexteditor/index.htm

#3

[quote=abmpicoli]Carinha, isso a princípio teria que ser feito por javascript, mas não vi nenhum método no textArea (Olhei aqui, ó: http://www.w3schools.com/jsref/dom_obj_textarea.asp) que faça isso.

Talvez você possa pegar alguma dica do código do RichTextEditor, que é um script javascript que desenha um editor de texto no browser. Em vez de usar uma textarea ele utiliza um iframe…

http://www.dynamicdrive.com/dynamicindex16/richtexteditor/index.htm[/quote]

Agradeço pela ajuda, porém ainda não conssegui fazer funcionar, e o pior é que ninguém sabe uashuahsuhasuhas… mais mesmo assim valeu pela ajuda!

#4

[quote=abmpicoli]Carinha, isso a princípio teria que ser feito por javascript, mas não vi nenhum método no textArea (Olhei aqui, ó: http://www.w3schools.com/jsref/dom_obj_textarea.asp) que faça isso.

Talvez você possa pegar alguma dica do código do RichTextEditor, que é um script javascript que desenha um editor de texto no browser. Em vez de usar uma textarea ele utiliza um iframe…

http://www.dynamicdrive.com/dynamicindex16/richtexteditor/index.htm[/quote]

Complementando o que o abmpicoli falou, o textarea possui mais propriedades e métodos, que são genericos para outros elementos html:
http://www.w3schools.com/jsref/dom_obj_all.asp

O scrollTop e o scrollHeight devem servir para o que você quer fazer.

Talvez chamando essa função depois de clicar no botão ou no evento de alteração do conteúdo do textarea deve resolver seu problema.

function scrollToBottom() {
     var textArea = document.getElementById('idDoTextArea');
     textArea.scrollTop = textArea.scrollHeight;
}

Fonte:

#5

[quote=tuliomonteazul][quote=abmpicoli]Carinha, isso a princípio teria que ser feito por javascript, mas não vi nenhum método no textArea (Olhei aqui, ó: http://www.w3schools.com/jsref/dom_obj_textarea.asp) que faça isso.

Talvez você possa pegar alguma dica do código do RichTextEditor, que é um script javascript que desenha um editor de texto no browser. Em vez de usar uma textarea ele utiliza um iframe…

http://www.dynamicdrive.com/dynamicindex16/richtexteditor/index.htm[/quote]

Complementando o que o abmpicoli falou, o textarea possui mais propriedades e métodos, que são genericos para outros elementos html:
http://www.w3schools.com/jsref/dom_obj_all.asp

O scrollTop e o scrollHeight devem servir para o que você quer fazer.

Talvez chamando essa função depois de clicar no botão ou no evento de alteração do conteúdo do textarea deve resolver seu problema.

function scrollToBottom() {
     var textArea = document.getElementById('idDoTextArea');
     textArea.scrollTop = textArea.scrollHeight;
}

Fonte:

[/quote]

Muito obrigado tuliomonteazul, essa função resolveu meu problema…
vlw, abrass

#6

Boa Noite, resgatando forum. rsrs

estou a dias a procura de uma solução para o mesmo problema que você apresentou no forum, porém segui toda instrução das msg portada, mais não funcionou.

hoje estou utilizando o jsf 2.0 com primeface, será que pode ser isso?

#7