The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
jQuery.CoolInput
CoolInput is a simple lightweight plugin, inspired by Remy Sharp's "hint plugin"that basically creates default text (input hints) for input boxes.
The default text can either be passed directly or derived from one of the input's attributes ('title' by default) and is displayed grayed out in the content area and disappears when the input gains focus and re-appears if no changes are made appears when it loses focus.
The plugin weighs in at under 1kb!
Last update: The hint can now be specified manually either by passing it directly to the function or by passing it as a key-value pair in an options object
CoolInput can be as simple (just pass hint to the function) or as complex (lots of customization options) as you want... bottom line, *it just works*!
Customization options include:
- changing the blurred style
- submitting or not the default text in the case of a blank submit
- adding an optional style to the input box (useful for those spotlight search icons)
- Use any attribute to determine default-text, or just pass it as an argument
- The documentation has been translated into Portuguese and the project page is back up online.
- New! You can specify whether you want the hint to clear on focus and also whether it should appear only the first time the input is focused
Special thanks to Evan Winslow for the great contribution!
For full details, documentation and examples check out the demo page!
Updated: 27/09/2009
