URL: /plog/input-textarea-switcher/demo.html

Here's a very early version of a solution to a problem where you have an input box want to give the user the option to expand the box to a textarea if they want to enter more stuff such as multiple line content. Your implementation, when you attempt the same thing, might be differently but feel free to copy this as a good start for your own projects. The demo show how it works.

What was important for me in doing this was that I didn't want to get close to the XHTML at all since (in this particular case) it was generated from a widget mechanism and I wanted the expanding option a luxury only for those who bother with the full Javascript. The key solution for me was the ability to replace elements in the DOM tree and copy the attributes when going from input to textarea or the other way around.

Feedback welcomed. Bare in mind that this was a quick first attempt and that I haven't tested this on IE.

Comments

emi

Hi there, did you push this script any further?
Seems interesting, but a bit rough on the edges.

regards,
emi

Peter Bengtsson

No unfortunately not. It just didn't work very well so I re-thought my app and did it all in textareas.

Your email will never ever be published.

Related posts