Changeset 15850 for trunk/inc

Timestamp:

01/08/12 00:16:40 (5 months ago)

Author:

Alexander Trofimov

Message:

Form - clear input button

Location:

trunk/inc/js

Files:

• classes/BxDolGrid.js (modified) (1 diff)
• jquery.webForms.js (modified) (1 diff)

trunk/inc/js/classes/BxDolGrid.js

@@ -302 +302 @@
     else
         elements = eElement.find('*[bx_grid_action_single]');
-    console.log(elements.size())
 
     elements.bind('click', function () {

trunk/inc/js/jquery.webForms.js

@@ -264 +264 @@
                 if ('relative' != eWrapper.css('position') && 'absolute' != eWrapper.css('position'))
                     eWrapper.css('position', 'relative');
-                eWrapper.append('<a href="javascript:void(0);"><div class="bx-form-input-btn-cross"></div></a>');
-                eInput.css('padding-right', parseInt(eInput.css('padding-right')) + 10 + 'px');
-                var eBtnCross = eWrapper.find('.bx-form-input-btn-cross');                
-                var iLeft = eInput.outerWidth() - eBtnCross.outerWidth() - 8;
-                eBtnCross.css('left', iLeft + 'px').on('click', function () {
+
+                eWrapper.append('<a href="javascript:void(0);"><div style="display:none;" class="bx-form-input-btn-cross"></div></a>');
+
+                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'
+                    });
+                });
+
+                eBtnCross.on('click', function () {
                     eInput.val('');
                     if (!eInput.hasClass('bx-form-input-datetime') && !eInput.hasClass('bx-form-input-datepicker'))
                         eInput.focus();
                 });
+
             }