/clickable-default-value

jQuery plugin adding form fields default values that disappear when the field focused

Primary LanguageJavaScript

clickable-default-value

Summary

This jQuery plugin adds default values to form fields. If the field is focused, the value gets cleared. If the focus leaves the field and user left the value blank - field value will turn to default.

Once the form is submitted the default values are replaced by empty string.

Usage

clickable_default_value() gets an array of arrays, where internal arrays are pairs of element and default text

<body>
  <form class=".some-form">
    <input id="name" name="name" />
    <input id="email" name="email" />
  </form>
  <script type="text/javascript">
    $(".some-form").clickable_default_value([["#name", "what is your name"], ["#email", "what is your email"]]);
  </script>
</body>

Rails and AJAX

If you use rails helpers like remote_form_for, the callbacks bound by the plugin will not be called. 
You need to add :before parameter to your form in order to cleanup default fields (haml exmaple).
<body>
  - remote_form_for ..., :before => "$(".some_form").clickable_default_value('clear')"
</body>

Copyright © 2009 Astrails Ltd. See LICENSE for details. Licensed under the MIT license.