Note: This plugin has been rewritten and vastly improved.

A simple, versatile notification library

See demos and full documentation at:

However, if you still want this old thing, keep scrolling...

.

.

.

.

A jQuery plugin for creating stylised text prompts on elements.

• Development Version
• Production Version

The following HTML:

<!-- jQuery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<!-- jQuery Prompt -->
<script src="http://jpillora.github.com/jquery.prompt/dist/jquery.prompt.min.js"></script>
 
<form>
  <input id="one" value="42"/>
  <input id="two" value="abc"/>
  <input type="submit"/>
</form>

<script>
  $(function() {
    $("#one").prompt("hello");
    $("#two").prompt("world");
  });
</script>

Should result in:

http://jpillora.github.com/jquery.prompt/

$.prompt(element, text, options)

$('selector').prompt(text, options)

Todo

When first called on an element, the plugin will create a relatively positioned error container above the element with width and height set to 0. The inner content is then absolutely positioned based on the elements width and height. When clicked, the container is hidden so it does not need to be recreated if shown again.

• Tests
• Finish Docs
• Left Top Right Positioning
• More styles
  • Bootstrap styles

Note: All of these have been implemented in the rewrite.

Issues and Pull-requests welcome, though please add tests. To build and test: cd *dir* then npm install -g grunt then grunt.

v0.0.1

• Added to jQuery plugin repo

• Released !