FormTextResizer: Bookmarklet for resizing textareas and text fields
25 August 2006
OK, you're all sick of hearing about my holidays, and so am I. So, to re-stretch my brain I thought I'd write down a little bookmarklet that's been bouncing around in my head for a while.
You know when you're typing an essay into someone else's blog comment form, or you're putting all ten of your middle names into a registration form, and you run out of form field space?
Yeah, it's a bitch to go back and edit, because your text has scrolled off the screen. Well, with the FormTextResizer bookmarklet you can resize that little sucker to be as big as you want.
After you execute the bookmarklet, any textarea or text field will display a resize cursor when you mouseover it, and to resize a particular field, you click-hold-drag. The field will resize in real-time, so you can see how far you have to go. Once you release, the bookmarklet's turned off, so you can focus and type to your heart's delight. Textareas can be resized in both dimensions, text fields only horizontally. Safari won't display the cursor unless you hit the element's border, but you'll still be able to resize it.
Right-click here and "Bookmark" FormTextResizer to access it anywhere, or click the link to try it out.
Note: Internet Explorer places a restriction upon bookmark URL lengths, so use this Internet Explorer bookmarklet, which links to a script on my server.
Go on, try it out. Yeah, that's it. Click the link. Scroll ... scroll ... there's the comment form. Do it!
Tested in Firefox 22.214.171.124 (Win & Mac), Internet Explorer 5+ (Win), Opera 9.01 (Win), Safari 2.0.3.
Follow me on Twitter
To hear smaller but more regular stuff from me, follow @themaninblue.
- Resolution dependent layout update
- footerStickAlt: A more robust method of positioning a footer
- widgEditor: A simple, standards-compliant WYSIWYG HTML editor
- Accessible, stylish form layout