/** * jQuery Initial input value replacer * * Sets input value attribute to a starting value * @author Marco "DWJ" Solazzi - hello@dwightjack.com * @license Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. * @copyright Copyright (c) 2008 Marco Solazzi * @version 0.1 * @requires jQuery 1.2.x */ (function ($) { /** * Setting input initialization * * @param {String|Object|Bool} text Initial value of the field. Can be either a string, a oldJQuery reference (example: $("#element")), or boolean false (default) to search for related label * @param {Object} [opts] An object containing options: * color (initial text color, default : "#666"), * e (event which triggers initial text clearing, default: "focus"), * force (execute this script even if input value is not empty, default: false) * keep (if value of field is empty on blur, re-apply initial text, default: true) */ $.fn.inputLabel = function(text,opts) { o = $.extend({ color: "#666", e:"focus", force : false, keep : true}, opts || {}); var clearInput = function (e) { var target = oldJQuery(e.target); var value = oldJQuery.trim(target.val()); if (e.type == e.data.obj.e && value == e.data.obj.innerText) { oldJQuery(target).css("color", "").val(""); if (!e.data.obj.keep) { oldJQuery(target).unbind(e.data.obj.e+" blur",clearInput); } } else if (e.type == "blur" && value == "" && e.data.obj.keep) { oldJQuery(this).css("color", e.data.obj.color).val(e.data.obj.innerText); } }; return this.each(function () { o.innerText = (text || false); if (!o.innerText) { var id = oldJQuery(this).attr("id"); o.innerText = oldJQuery(this).parents("form").find("label[for=" + id + "]").hide().text(); } else if (typeof o.innerText != "string") { o.innerText = oldJQuery(o.innerText).text(); } o.innerText = oldJQuery.trim(o.innerText); if (o.force || oldJQuery(this).val() == "") { oldJQuery(this).css("color", o.color).val(o.innerText); } oldJQuery(this).bind(o.e+" blur",{obj:o},clearInput); }); }; })(oldJQuery);