Changeset 15875

Timestamp:

01/15/12 20:41:26 (4 months ago)

Author:

Alexander Trofimov

Message:

Form - clear input button

File:

• trunk/inc/js/jquery.webForms.js (modified) (1 diff)

trunk/inc/js/jquery.webForms.js

@@ -267 +267 @@
                 eWrapper.append('<a href="javascript:void(0);"><div style="display:none;" class="bx-form-input-btn-cross"></div></a>');
 
+                eInput.css('padding-right', parseInt(eInput.css('padding-right')) + 16 + 'px');
+
                 var eBtnCross = eWrapper.find('.bx-form-input-btn-cross');
-                var eLink = eWrapper.find('a');
-
-                eInput.css('padding-right', parseInt(eInput.css('padding-right')) + 16 + 'px');
-
-                eBtnCross.fadeIn(50, function () { // delay is needed here for dynamically displayed forms
-                    $(this).position({
-                        of: eInput,
-                        my: 'right top',
-                        at: 'right top',
-                        collision: 'none none',
-                        offset: '-8 11'
+
+                eInput.on('focus', function () {
+                    eBtnCross.show().position({
+                            of: $(this),
+                            my: 'right top',
+                            at: 'right top',
+                            collision: 'none none',
+                            offset: '-8 11'
                     });
                 });
 
-                eBtnCross.on('click', function () {
+                eInput.on('blur', function (event) {
+                    eBtnCross.hide();
+                });
+                
+                eBtnCross.on('mousedown', function () {
                     eInput.val('');
-                    if (!eInput.hasClass('bx-form-input-datetime') && !eInput.hasClass('bx-form-input-datepicker'))
+                    setTimeout(function () {
                         eInput.focus();
+                    }, 100);
                 });