﻿/*

该方法用于检查text输入框在onfocus和onblur时其值是否为指定默认值,并改变对应的颜色和css.

参数说明:

element:string/dom,要附加该方法的text元素,必须.

options : object,相应的配置选项.

options可接收的参数:

Default     :   string,默认值.
FocusColor  :   string,text元素获得焦点时的文字颜色.
FocusCss    :   string,text元素获得焦点时的样式.
BlurColor   :   string,text元素失去焦点时的文字颜色.
BlurCss     :   string,text元素失去焦点时的样式.

*/

K2046.DefaultText = {

    Attach: function(element, options) {
        element = K2046.$(element);
        if (!element) {
            return;
        }
        options = options || {};
        options.Default = options.Default || '';
        options.BlurColor = options.BlurColor || "#888888";
        options.FocusColor = options.FocusColor || "#000000";
        element = K2046.$(element);
        var self = this;
        K2046.Events.Attach(element, "onfocus", function() {
            self.OnElementFocus(element, options);
        });

        K2046.Events.Attach(element, "onblur", function() {
            self.OnElementBlur(element, options);
        });
        //        element.onfocus = function() { self.OnElementFocus(element, options); };
        //        element.onblur = function() { self.OnElementBlur(element, options); };
        self.OnElementBlur(element, options);
    }

    , OnElementFocus: function(element, options) {
        if (element.value == options.Default) {
            element.value = '';
        }
        else {
            element.select();
        }
        element.className = options.FocusCss || element.className;
        element.style.color = options.FocusColor || element.style.color;
    }

    , OnElementBlur: function(element, options) {
        if (element.value.trim() == options.Default || element.value.trim() == '') {
            element.value = options.Default;
            element.className = options.BlurCss || element.className;
            element.style.color = options.BlurColor || element.style.color;
        }
    }
};