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
Hi there, did you push this script any further?
Seems interesting, but a bit rough on the edges.
regards,
emi
No unfortunately not. It just didn't work very well so I re-thought my app and did it all in textareas.