Skip to content

webmanarmy/jquery.inputHint.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
toddw
Apr 21, 2011
3e5797a · Apr 21, 2011

History

15 Commits
Apr 21, 2011
Apr 21, 2011
Apr 21, 2011

Repository files navigation

jquery.inputHint.js v2.0 A jQuery Plugin that adds hints to

Intended for use with the latest jQuery http://code.jquery.com/jquery-latest.js

Copyright 2011, Todd Williams Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license

Basic Usage:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.inputHint.js"></script>
<script type="text/javascript">
  $(document).ready(function () { $(".text").inputHint(); });
</script>
<input name="name" class="text" type="text" title="Enter Name" />

Advanced Usage:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.inputHint.js"></script>
<script type="text/javascript">
  $(document).ready(function () {
    $(".text").inputHint({
      fadeOutSpeed: 200,
      fontFamily: 'Helvetica, Arial, sans-serif',
      fontSize: '12px',
      hintColor: '#888',
      padding: '4px',
      effect: 'puff'
    });
  });
</script>
<input name="name" class="text" type="text" title="Enter Name" />

About

Shows input hint for <input type="text" title="hint goes here" />

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published