veselov.sumy.ua > JavaScript > input jQuery

input jQuery


07.05.11.
  input    jQuery

HTML
<input name="variable_name_1" type="text" value=" " class="autoclear" />

CSS
.autoclear { color: #aaa; }
.autoclear-normalcolor { color: #000; }

JS jQuery
$(function() {
$.fn.autoClear = function () {
//
$(this).each(function() {
$(this).data("autoclear", $(this).attr("value"));
});
$(this)
.bind('focus', function() { //
if ($(this).attr("value") == $(this).data("autoclear")) {
$(this).attr("value", "").addClass('autoclear-normalcolor');
}
})
.bind('blur', function() {//
if ($(this).attr("value") == "") {
$(this).attr("value", $(this).data("autoclear")).removeClass('autoclear-normalcolor');
}
});
return $(this);
}
});

$(function() {
// "autoclear"
$('.autoclear').autoClear();
});