mootools ResizingTextArea Component

Posted January 23, 2007, 1:25pm In: Javascript

A little while ago I saw a post by Richard McMahon regarding his post on ResizingTextArea with Prototype. However, recently I’ve grown rather fond of mootools.

As such, I’ve whipped together a brief javascript class to use mootools functions and classes, as well as added a bit more functionality.

The requirements are as follows:

  • Moo.js
  • Function.js
  • Array.js
  • String.js
  • Element.js

You can choose your build here.

There are two methods to initialize the class.

The first is to add an onfocus.

Or iterate through all textareas and add an event listener:

A demonstration can be found here:

zed23.com/demos/rsta/

All comments, suggestions and death threats are welcome.

This entry was posted on Tuesday, January 23rd, 2007 at 1:25 pm and is filed under Javascript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

4 Responses...

David

Nice! This will come in handy.

Ankur

Nice work. I really like mootools as well, as it’s so lightweight and the functions are real timesavers. That’s not to say prototype isn’t good, but mootools is just incredible.

Well done on the resizing textarea. I might use this later in a few web apps I’ve got planned if that’s ok.

ryan

Test comment. Sorry guys.

Jason

Great work! Thanks for the script.

Leave a reply...

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>