Do you train Kung Fu?
Or know someone who does?
Then check out KungFuPeople.com
Mobile version of this pagejQuery and Highslide JS
Next:
Ugliest e-commerce site of the month - Comfy-Feet
Related by category
JavaScript
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.
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.