Assine:
RSS do Blog...

Auto Resize para campos Textareas

autoResize é um plugin para JQuery quer permite colocar a opção de auto-escalonamento em campos de texto (textarea), se acordo com seu conteúdo, de forma que não é mostrado a famosa barra de scroll.

Como usar este Plugin

Para utilizar este plugin, é necessário baixar as bibliotecas:  jquery.js, autoresize.jquery.js, e então chama-las em nosso header:

HTML:

  1. <scripttype=“text/javascript”src=“jquery.js”></script>
  2. <scripttype=“text/javascript”src=“autoresize.jquery.js”></script>

O passo seguinte é criar nosso formulário com elementos do tipo textarea e não esquecer de atribuir a cada campo um ID, para que possamos posteriormente aplicar o método de autoresize.

HTML:

  1. <formid=“comment”method=“post”>
  2. <textareaname=“mensaje” id=“mensaje”></textarea>
  3. <inputtype=“submit”name=“bt”value=“Enviar” />
  4. </form>

Finalmente selecionamos o elemento com o ID que queremos aplicar o método, isso é simples de se fazer, basta colocar a chamada ao evento ready do JQuery:

JavaScript:

  1. $(document).ready(function () {
  2. $(‘textarea#mensaje’).autoResize();
  3. });

Pode-se ver um exemplo funcionando bem ocmo algumas propriedades adicionais diretamente no site do plugin: http://james.padolsey.com/

Veja também...

  1. Textarea auto-dimensionável
  2. Jquery – Input com Máscara – Masked Input Plugin
  3. Biblioteca Jquery, não importe, invoque
  4. JQuery na Prática
  5. Howto: Criando um contator regressivo e redirecionando para outra página

Related posts brought to you by Yet Another Related Posts Plugin.

Leave a Reply