Um pequeno script simples para ajustar automaticamente a altura do textarea.

Hoje encontrei uma solução muito importante para o incluir na tag <textarea></textarea> do HTML. Você define os parâmetros padrões do seu textarea, mas com as propriedades atuais não tem como fazer esse campo ficar com seu tamanho maior quando existe mais texto.

Exemplo do código abaixo em HTML:

<script src=”jquery.min.js” language=’javascript’ type=”text/javascript”></script>
<script src=”autosize_textarea.js” language=’javascript’ type=”text/javascript”></script>

<textarea id=’meutexto’ name=’meutexto’ class=’textarea_autosize‘ placeholder=’digite aqui seu texto’ rows=’3′ cols=’100′></textarea>

Exemplo do código abaixo em JQuery:

<script type=”text/javascript”>

$(document).ready(function() {

autosize($(‘textarea.textarea_autosize‘));

});
</script>

Dependendo da quantidade de texto que o seu textarea tiver, a altura será ajustada automaticamete.

  • Veja abaixo o exemplo sem o autosize no textarea:

  • Veja abaixo o exemplo com o autosize no textarea:

Faça aqui o Download dos arquivos

 

Você pode encontrar mais informações no site do desenvolvedor http://www.jacklmoore.com/autosize/

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *