initial commit

bin.shen

2016-12-05 a4c9331bbfe3e8765ccdc1c54cc6931bac49cc82

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
/**
 * @author Roger Wu
 * @version 1.0
 */
(function($){
    $.extend($.fn, {
        jPanel:function(options){
            var op = $.extend({header:"panelHeader", headerC:"panelHeaderContent", content:"panelContent", coll:"collapsable", exp:"expandable", footer:"panelFooter", footerC:"panelFooterContent"}, options);
            return this.each(function(){
                var $panel = $(this);
                var close = $panel.hasClass("close");
                var collapse = $panel.hasClass("collapse");
                
                var $content = $(">div", $panel).addClass(op.content);                
                var title = $(">h1",$panel).wrap('<div class="'+op.header+'"><div class="'+op.headerC+'"></div></div>');
                if(collapse)$("<a href=\"\"></a>").addClass(close?op.exp:op.coll).insertAfter(title);
 
                var header = $(">div:first", $panel);
                var footer = $('<div class="'+op.footer+'"><div class="'+op.footerC+'"></div></div>').appendTo($panel);
                
                var defaultH = $panel.attr("defH")?$panel.attr("defH"):0;
                var minH = $panel.attr("minH")?$panel.attr("minH"):0;
                if (close) 
                    $content.css({
                        height: "0px",
                        display: "none"
                    });
                else {
                    if (defaultH > 0) 
                        $content.height(defaultH + "px");
                    else if(minH > 0){
                        $content.css("minHeight", minH+"px");
                    }
                }
                if(!collapse) return;
                var $pucker = $("a", header);
                var inH = $content.innerHeight() - 6;
                if(minH > 0 && minH >= inH) defaultH = minH;
                else defaultH = inH;
                $pucker.click(function(){
                    if($pucker.hasClass(op.exp)){
                        $content.jBlindDown({to:defaultH,call:function(){
                            $pucker.removeClass(op.exp).addClass(op.coll);
                            if(minH > 0) $content.css("minHeight",minH+"px");
                        }});
                    } else { 
                        if(minH > 0) $content.css("minHeight","");
                        if(minH >= inH) $content.css("height", minH+"px");
                        $content.jBlindUp({call:function(){
                            $pucker.removeClass(op.coll).addClass(op.exp);
                        }});
                    }
                    return false;
                });
            });
        }
    });
})(jQuery);