Mobile version of this page
Save this page in del.icio.usjQuery and Highslide JS
Next:
Ugliest e-commerce site of the month - Comfy-Feet
Related by category
input/textarea switcher with jQuery
http://www.peterbe.com/plog/input-textarea-switcher/demo.html11th of January 2008
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.
