GitHub - atnan/ghostie: A Javascript/Prototype library for displaying ghost text within HTML text input fields.

atnan / ghostie Public

Notifications You must be signed in to change notification settings
Fork 2
Star 14

A Javascript/Prototype library for displaying ghost text within HTML text input fields.

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 8 Commits
MIT-LICENSE		MIT-LICENSE
README		README
ghostie.js		ghostie.js
prototype-1.6.0.2.js		prototype-1.6.0.2.js
test.html		test.html

Repository files navigation

Ghostie is a handy helper for adding "ghost" text to HTML text input fields. It
relies on the Prototype library, so you'll need that too.

Ghostie looks for all <input /> fields of type "text" or "password" (IE not
supported at the moment) with a CSS class of "ghostie". For each input it finds,
it takes the text defined in the "title" attribute and copies it into the
"value" attribute. When the user clicks the field and the value is identical to
the ghostie text, the value is cleared. Likewise, when a submit button in the
same form as the ghostie field is clicked, it clears the values if they haven't
been changed by the user.

The usage is very simple:

  <html>
    <head>
      <script src="prototype.js" type="text/javascript"></script>
      <script src="ghostie.js" type="text/javascript"></script>
      <style type="text/css">
        input.ghostie {
          // Styles to be applied to all ghostie fields
        }

        input.ghostied {
          // Styles to be applied to all ghostie fields which haven't been
          // clicked or typed into. You would typically want to set the ghostie
          // font to a lighter colour.
        }
      </style>
    </head>
    <body>
      <form>
        <input type="text" class="ghostie" title="Boo!" />
        <input type="submit" value="Submit" />
      </form>
    </body>
  </html>
  
See test.html for a working example.  

Copyright (c) 2008 Nathan de Vries (http://www.atnan.com), released under the MIT license