Deividy / Add-Clear

jQuery Plugin to add a (x) clear button to your input fields

Author: Stephen Korecky
Website: http://stephenkorecky.com
Plugin Website: http://github.com/skorecky/Add-Clear
Contributers: scoman81 Steve887
jQuery Plugin: http://plugins.jquery.com/add-clear/

About

Version 2.0.0b

Add Clear is a jQuery plugin that adds a input clearing button on any input you apply it to. It clears the value, and returns focus to that field.

New in 2.0.0

• Code Cleanup
• Removed the clear image since most devices are going beyond 72PPI

How to use

• Load jQuery into your project
• Load Add Clear plugin into your project
• Setup which elements you would like to apply this plugin to.

Usage

$(function(){
  $("input").addClear();
});

// Example onClear option usage
$("input").addClear({
  onClear: function(){
    alert("call back!");
  }
});

Available Options

Option	Default	Type
closeSymbol	✖	string
top	1	number
right	4	number
returnFocus	true	boolean
showOnLoad	false	boolean
hideOnBlur	false	boolean
onClear	null	function

Using Options

$("input").addClear({top : -2, right : 6});