mirror of
https://github.com/danbee/danbarberphoto
synced 2025-03-04 08:49:07 +00:00
91 lines
2.3 KiB
JavaScript
91 lines
2.3 KiB
JavaScript
/*
|
|
* searchField - jQuery plugin to display and remove
|
|
* a default value in a searchvalue on blur/focus
|
|
*
|
|
* Copyright (c) 2008 J�örn Zaefferer
|
|
*
|
|
* $Id$
|
|
*
|
|
* Dual licensed under the MIT and GPL licenses:
|
|
* http://www.opensource.org/licenses/mit-license.php
|
|
* http://www.gnu.org/licenses/gpl.html
|
|
*
|
|
*/
|
|
|
|
/**
|
|
* Clear the help text in a search field (either in the value or title attribute)
|
|
* when focused, and restore it on blur if nothing was entered. If the value is
|
|
* blank but there is a title attribute, the title will be moved to the initial value.
|
|
*
|
|
* @example $('#quicksearch').searchField();
|
|
* @before <input id="quicksearch" title="Enter search here" name="quicksearch" />
|
|
* @result <input id="quicksearch" value="Enter search here" name="quicksearch" />
|
|
*
|
|
* @name searchField
|
|
* @type jQuery
|
|
* @cat Plugins/SearchField
|
|
*/
|
|
jQuery.fn.searchField = function(mark){
|
|
return this.each(function() {
|
|
var mark = mark || this.title;
|
|
|
|
if (!mark)
|
|
return;
|
|
|
|
var target = this;
|
|
var original = $(this);
|
|
if (this.type == "password") {
|
|
target = $("<input />")
|
|
.insertBefore(this)
|
|
.css("display", $(this).css("display"))
|
|
.attr("size", this.size)
|
|
.attr("title", this.title)
|
|
.attr("class", this.className)
|
|
.addClass("watermark")[0];
|
|
if (!this.value) {
|
|
$(this).hide();
|
|
} else {
|
|
$(target).hide();
|
|
}
|
|
}
|
|
|
|
if(!target.value || mark == this.value) {
|
|
$(target).addClass("watermark");
|
|
}
|
|
|
|
// setup initial value
|
|
if (!this.value || target != this) {
|
|
target.value = mark;
|
|
}
|
|
|
|
$(target).focus(function() {
|
|
if (target != original[0]) {
|
|
$(this).hide();
|
|
original.show().focus();
|
|
} else if (this.value == mark) {
|
|
this.value = '';
|
|
$(this).removeClass("watermark");
|
|
}
|
|
});
|
|
$(this).blur(function() {
|
|
if (!this.value.length) {
|
|
if (target != original[0]) {
|
|
$(target).show();
|
|
original.hide();
|
|
} else {
|
|
this.value = mark;
|
|
$(this).addClass("watermark")
|
|
}
|
|
}
|
|
});
|
|
|
|
// make sure that when the form is submitted, the watermark is
|
|
// replaced with the empty string, which is usually the expected behavior.
|
|
$(this).parents("form:first").submit(function(){
|
|
if ($(target).hasClass("watermark")) {
|
|
$(target).attr("value", "");
|
|
$(target).removeClass("watermark");
|
|
}
|
|
});
|
|
});
|
|
}; |