Web Development

<script type="text/javascript">

Type.RegisterNamespace('Samples');

Samples.FormattingBehavior = function(element) {
    Samples.FormattingBehavior.initializeBase(this, [element]);

    this._hoverCssClass = null;
    this._focusCssClass = null;
    this._currentCssClass = null;
    this._mouseOver = null;
    this._focus = null;

    }

    Samples.FormattionBehavior.prototype = {
        initialize : function() {
        Samples.FormattingBehavior.callBaseMethod(this, 'initialize');

        $addHandlers(this.get_elements(),
        {
            mouseout:this._onMouseout,
            mouseover:this._onMouseover,
            focus:this._onFocus,
            blur:this._onBlur
            }, this);
            },

      dispose : function() {
        $clearHandlers(this._get_element());
        },
     _onMouseover : function() {
            this._mouseOver = true;
            this._setCssClass();
            },
    _onMouseout : function() {
            this._mouseOver = false;
            this._setCssClass;
            },
   _onFocus : function() {
            this._focus = true;
            this.setCssClass();
            },
   _onBlur : function() {
            this._focus = false;
            this._setCssClass;
            },

   _setCssClass : function() {
            if (this._currentCssClass) {
            Sys.UI.DomElement.removeCssClass(this._element,
            this._currentCssClass);
            this._currentCssClass = null;
            }

            if (this._error) {
            this._currentCssClass = this.errorCssClass;
            }
            else if (this.focus) {
            this._currentCssClass = this._hoverCssClass;
            }
            else if (this._mouseOver) {
            this._currentCssClass = this._hoverCssClass;
            };

            if (this._currentCssClass) {
            Sys.UI.DomElement.addCssClass(this._element,
            this._currentCssClass);
            }; },

            get_hoverCssClass : function() {
            return this._hoverCssClass;
            },

            set_hoverCssClass : function(value) {
            this._hoverCssClass = value;
            },

            get_focusCssClass : function() {
            return this._focusCssClass;
            },

            set_focusCssClass : function(value) {
            this._focusCssClass = value;
            }
             }

             Samples.FormattionBehavior.registerClass(
             'Samples.FormattionBehavior', Sys.UI.Behavior);

             Sys.Application.add_init(pageInit);

             function pageInit(sender, e) {
                              $create(Samples.FormattingBehavior,
             {
             'hoverCssClass':'field_hover',
             'focusCssClass':'field_focus'
             },
             {}, {}, $get('Name'));

             $create(Samples.FormattingBehavior,
             {
             'hoverCssClass':'field_hover',
             'focusCssClass':'field_focus'
             },
             {}, {}, $get('LastName'));
             }

</script>