200923Nov

jQuery autoResize: Textfelder automatisch erweitern

Ein interessantes jQuery-Plugin zur Verbesserung der Benutzerfreundlichkeit einer Website stellt "autoResize" von James Padolsey dar: Mit der kleinen Erweiterung passen sich Textfelder (textarea) von ihrer Größe automatisch an die Zeilenanzahl des Inhalts an, wenn eine Benutzereingabe erfolgt. Dies könnte Verwendung in Kontaktformularen oder Umfragen finden, so dass Benutzer den eingegebenen Text auch ohne Scrollen noch lesen können.

jQuery-Plugin - autoResize

Wie es für ein jQuery-Plugin üblich ist, lässt sich die Funktionalität sehr einfach in bestehenden jQuery-Code einbetten:

  • $("textarea#id").autoResize();

Die Erweiterung bietet zudem verschiedene Optionen, wie Callbacks oder Geschwindigkeit der Animation. Für eine animierte Größenanpassung müssen die entsprechenden textarea-Elemente mit "display:block" versehen werden. Alternativ kann die Animation auch per Parameter deaktiviert werden.

UPDATE
Das Projekt wurde inzwischen eingestellt und steht leider nicht mehr zur Verfügung.

RSS-Feed abonnieren

Kommentare

alican schrieb am 23.11.2009 #1

Ja, dann baue das doch mal bei dir ein ;)

Matthias schrieb am 24.11.2009 #2

Eigentlich keine schlechte Idee! :-) Ich werde es mal testen.