Changeset 15689 for trunk/inc

Timestamp:

11/22/11 00:11:03 (6 months ago)

Author:

Alexander Trofimov

Message:

Forms - toggler remake

File:

• trunk/inc/js/jquery.webForms.js (modified) (2 diffs)

trunk/inc/js/jquery.webForms.js

@@ -5 +5 @@
  */
 
-$(document).ready(function() {
 
-    $(this).addNonWebForms();
+(function($) {
 
-    // collapsable headers TODO: there is other duplicated functionlaity now and this one is not used
-    $('thead.collapsable', this).each(function() {
-        var $thead = $(this);
+    $.fn.addWebForms = function() {
 
-        var sImgName = $thead.hasClass('collapsed') ? 'collapse_closed' : 'collapse_open';
+        $(this).addNonWebForms();
+        
+        // collapsable headers 
+        $('.bx-form-collapsable', this).each(function() {
 
-        $('<img src="' + aDolImages[sImgName] + '" class="block_collapse_btn" />')
-            .prependTo($('th',$thead))
-            .click(function() {
-                if ($thead.hasClass('collapsed')) {
+            var eFormSection = $(this);
+
+            if (eFormSection.hasClass('bx-form-js-processed'))
+                return;
+
+            eFormSection.addClass('bx-form-js-processed');
+
+            var fCallback = function() {
+
+                if (eFormSection.hasClass('bx-form-collapsed')) {
+
                     // show
-                    $(this).attr('src', aDolImages['collapse_open']);
-                    $thead.removeClass('collapsed').next('tbody').fadeIn(400);
+
+                    eFormSection.removeClass('bx-form-collapsed');
+
+                    if (eFormSection.hasClass('bx-form-section-hidden')) {
+                        $('.bx-form-section-content', eFormSection).hide();
+                        eFormSection.removeClass('bx-form-section-hidden');
+                    }
+
+                    $('.bx-form-section-content', eFormSection).slideDown(function () {
+                        eFormSection.removeClass('bx-form-section-hidden');
+                    }); 
+
                 } else {
+
                     // hide
-                    $(this).attr('src', aDolImages['collapse_closed']);
-                    $thead.addClass('collapsed').next('tbody').fadeOut(400);
+
+                    eFormSection.addClass('bx-form-collapsed');
+
+                    $('.bx-form-section-content', eFormSection).slideUp(function () {                    
+                        eFormSection.addClass('bx-form-collapsed bx-form-section-hidden');
+                    }); 
                 }
-            });
-    });
-});
 
-(function($){
+            };
+
+            $('<u class="bx-form-section-toggler"></u>').prependTo($('legend', eFormSection));
+            $('legend', eFormSection).click(fCallback);
+        });
+
+    };
+
+})(jQuery);
+
+
+(function($) {
 
     $.fn.addNonWebForms = function() {
+
         $("input", this).each(function() {
 
@@ -129 +160 @@
 
 })(jQuery);
+