// Name: TextboxWatermark.TextboxWatermark.debug.js
// Assembly: AjaxControlToolkit
// Version: 4.1.40412.0
// FileVersion: 4.1.40412.2
// (c) 2010 CodePlex Foundation
///
///
///
///
(function() {
var scriptName = "ExtendedWatermark";
function execute() {
Type.registerNamespace('Sys.Extended.UI');
Sys.Extended.UI.TextBoxWatermarkBehavior = function(element) {
///
/// The TextBoxWatermarkBehavior applies a watermark to a textbox
///
///
/// Textbox associated with the behavior
///
Sys.Extended.UI.TextBoxWatermarkBehavior.initializeBase(this, [element]);
this._watermarkText = null;
this._watermarkCssClass = null;
this._focusHandler = null;
this._blurHandler = null;
this._keyPressHandler = null;
this._propertyChangedHandler = null;
this._watermarkChangedHandler = null;
this._oldClassName = null;
this._clearedForSubmit = null;
this._maxLength = null;
if ((typeof(WebForm_OnSubmit) == 'function') && !Sys.Extended.UI.TextBoxWatermarkBehavior._originalWebForm_OnSubmit) {
Sys.Extended.UI.TextBoxWatermarkBehavior._originalWebForm_OnSubmit = WebForm_OnSubmit;
WebForm_OnSubmit = Sys.Extended.UI.TextBoxWatermarkBehavior.WebForm_OnSubmit;
}
}
Sys.Extended.UI.TextBoxWatermarkBehavior.prototype = {
initialize : function() {
///
/// Initialize the behavior
///
Sys.Extended.UI.TextBoxWatermarkBehavior.callBaseMethod(this, 'initialize');
var e = this.get_element();
var hasInitialFocus = false;
var clientState = Sys.Extended.UI.TextBoxWatermarkBehavior.callBaseMethod(this, 'get_ClientState');
if (clientState != null && clientState != "") {
hasInitialFocus = (clientState == "Focused");
Sys.Extended.UI.TextBoxWatermarkBehavior.callBaseMethod(this, 'set_ClientState', null);
}
this._oldClassName = e.className;
this._focusHandler = Function.createDelegate(this, this._onFocus);
this._blurHandler = Function.createDelegate(this, this._onBlur);
this._keyPressHandler = Function.createDelegate(this, this._onKeyPress);
$addHandler(e, 'focus', this._focusHandler);
$addHandler(e, 'blur', this._blurHandler);
$addHandler(e, 'keypress', this._keyPressHandler);
this.registerPropertyChanged();
var currentValue = Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).get_Current();
var wrapper = Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element());
if (("" == currentValue) || (this._watermarkText == currentValue)) {
wrapper.set_Watermark(this._watermarkText)
wrapper.set_IsWatermarked(true);
}
if (hasInitialFocus) {
this._onFocus();
} else {
e.blur();
this._onBlur();
}
this._clearedForSubmit = false;
this.registerPartialUpdateEvents();
this._watermarkChangedHandler = Function.createDelegate(this, this._onWatermarkChanged);
wrapper.add_WatermarkChanged(this._watermarkChangedHandler);
},
dispose : function() {
///
/// Dispose the behavior
///
var e = this.get_element();
if (this._watermarkChangedHandler) {
Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).remove_WatermarkChanged(this._watermarkChangedHandler);
this._watermarkChangedHandler = null;
}
if(e.control && this._propertyChangedHandler) {
e.control.remove_propertyChanged(this._propertyChangedHandler);
this._propertyChangedHandler = null;
}
if (this._focusHandler) {
$removeHandler(e, 'focus', this._focusHandler);
this._focusHandler = null;
}
if (this._blurHandler) {
$removeHandler(e, 'blur', this._blurHandler);
this._blurHandler = null;
}
if (this._keyPressHandler) {
$removeHandler(e, 'keypress', this._keyPressHandler);
this._keyPressHandler = null;
}
if(Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).get_IsWatermarked()) {
this.clearText(false);
}
Sys.Extended.UI.TextBoxWatermarkBehavior.callBaseMethod(this, 'dispose');
},
_onWatermarkChanged : function(sender, eventArgs) {
///
/// Handler invoked when the watermark changes
///
///
///
if (Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).get_IsWatermarked()) {
this._onBlur();
} else {
this._onFocus();
}
},
clearText : function(focusing) {
///
/// Clear the text from the target
///
///
/// Whether or not we are focusing on the textbox
///
var element = this.get_element();
var wrapper = Sys.Extended.UI.TextBoxWrapper.get_Wrapper(element);
wrapper.set_Value("");
wrapper.set_IsWatermarked(false);
if(focusing) {
element.setAttribute("autocomplete","off"); // Avoid NS_ERROR_XPC_JS_THREW_STRING error in Firefox
element.select(); // This fix displays the blinking cursor in a focused, empty text box in IE
}
},
_onFocus : function(evt) {
///
/// Handler for the textbox's focus event
///
///
/// Event info
///
var e = this.get_element();
if(Sys.Extended.UI.TextBoxWrapper.get_Wrapper(e).get_IsWatermarked()) {
this.clearText(evt ? true : false);
}
e.className = this._oldClassName;
if (this._maxLength > 0) {
this.get_element().maxLength = this._maxLength;
this._maxLength = null;
}
},
_onBlur : function() {
///
/// Handle the textbox's blur event
///
var wrapper = Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element());
if(("" == wrapper.get_Current()) || wrapper.get_IsWatermarked()) {
if (this.get_element().maxLength > 0 && this._watermarkText.length > this.get_element().maxLength) {
this._maxLength = this.get_element().maxLength;
this.get_element().maxLength = this._watermarkText.length;
}
this._applyWatermark();
}
},
_applyWatermark : function() {
///
/// Apply the watermark to the textbox
///
var wrapper = Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element());
wrapper.set_Watermark(this._watermarkText);
wrapper.set_IsWatermarked(true);
if(this._watermarkCssClass) {
this.get_element().className = this._watermarkCssClass;
}
},
_onKeyPress : function() {
///
/// Handle the textbox's keypress event
///
Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).set_IsWatermarked(false);
},
registerPropertyChanged : function() {
///
/// Method called to hook up to Sys.Preview.UI.TextBox if present
/// Note: This method must be called manually if the Sys.Preview.UI.TextBox
/// is added after the TextBoxWatermarkBehavior is initialized.
///
var e = this.get_element();
if(e.control && !this._propertyChangedHandler) {
this._propertyChangedHandler = Function.createDelegate(this, this._onPropertyChanged);
e.control.add_propertyChanged(this._propertyChangedHandler);
}
},
_onPropertyChanged : function(sender, propertyChangedEventArgs) {
///
/// Handler called automatically when a property change event is fired
///
///
/// Sender
///
///
/// Event arguments
///
if("text" == propertyChangedEventArgs.get_propertyName()) {
this.set_Text(Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).get_Current());
}
},
_onSubmit : function() {
///
/// Handler Called automatically when a submit happens to clear the watermark before posting back
///
if(Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).get_IsWatermarked()) {
this.clearText(false);
this._clearedForSubmit = true;
}
},
_partialUpdateEndRequest : function(sender, endRequestEventArgs) {
///
/// Handler Called automatically when a partial postback ends
///
///
/// Sender
///
///
/// Event arguments
///
Sys.Extended.UI.TextBoxWatermarkBehavior.callBaseMethod(this, '_partialUpdateEndRequest', [sender, endRequestEventArgs]);
if (this.get_element() && this._clearedForSubmit) {
this.get_element().blur();
this._onBlur();
this._clearedForSubmit = false;
}
},
get_WatermarkText : function() {
///
/// The text to show when the control has no value
///
return this._watermarkText;
},
set_WatermarkText : function(value) {
if (this._watermarkText != value) {
this._watermarkText = value;
if (Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).get_IsWatermarked()) {
this._applyWatermark();
}
this.raisePropertyChanged('WatermarkText');
}
},
get_WatermarkCssClass : function() {
///
/// The CSS class to apply to the TextBox when it has no value (e.g. the watermark text is shown).
///
return this._watermarkCssClass;
},
set_WatermarkCssClass : function(value) {
if (this._watermarkCssClass != value) {
this._watermarkCssClass = value;
if (Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).get_IsWatermarked()) {
this._applyWatermark();
}
this.raisePropertyChanged('WatermarkCssClass');
}
},
get_Text : function() {
///
/// Wrapper for the textbox's text that will ignore or create the watermark as appropriate
///
return Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).get_Value();
},
set_Text : function(value) {
if ("" == value) {
Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).set_Current("");
this.get_element().blur();
this._onBlur(); // onBlur needs to see ""
} else {
this._onFocus(); // onFocus sets ""
Sys.Extended.UI.TextBoxWrapper.get_Wrapper(this.get_element()).set_Current(value);
}
}
}
Sys.Extended.UI.TextBoxWatermarkBehavior.registerClass('Sys.Extended.UI.TextBoxWatermarkBehavior', Sys.Extended.UI.BehaviorBase);
Sys.registerComponent(Sys.Extended.UI.TextBoxWatermarkBehavior, { name: "watermark", parameters: [{name:"WatermarkText",type:"String"}, {name:"WatermarkCssClass",type:"String"}] });
Sys.Extended.UI.TextBoxWatermarkBehavior.WebForm_OnSubmit = function() {
///
/// Wraps ASP.NET's WebForm_OnSubmit in order to strip all watermarks prior to submission
///
///
/// Result of original WebForm_OnSubmit
///
var result = Sys.Extended.UI.TextBoxWatermarkBehavior._originalWebForm_OnSubmit();
if (result) {
var components = Sys.Application.getComponents();
for(var i = 0 ; i < components.length ; i++) {
var component = components[i];
if (Sys.Extended.UI.TextBoxWatermarkBehavior.isInstanceOfType(component)) {
component._onSubmit();
}
}
}
return result;
}
} // execute
if (window.Sys && Sys.loader) {
Sys.loader.registerScript(scriptName, ["ExtendedBase", "ExtendedCommon"], execute);
}
else {
execute();
}
})();