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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
/**
 * @author zhanghuihua@msn.com
 */
 
(function($){
    var menu, shadow, hash;
    $.fn.extend({
        contextMenu: function(id, options){
            var op = $.extend({
                    shadow : true,
                    bindings:{},
                    ctrSub:null
                }, options
            );
            
            if (!menu) {
                menu = $('<div id="contextmenu"></div>').appendTo('body').hide();
            }
            if (!shadow) {
                shadow = $('<div id="contextmenuShadow"></div>').appendTo('body').hide();
            }
            
            hash = hash || [];
            hash.push({
                id : id,
                shadow: op.shadow,
                bindings: op.bindings || {},
                ctrSub: op.ctrSub
            });
            
            var index = hash.length - 1;
            $(this).bind('contextmenu', function(e) {
                display(index, this, e, op);
                return false;
            });
            return this;
        }
    });
    
    function display(index, trigger, e, options) {
        var cur = hash[index];
 
        var content = $(DWZ.frag[cur.id]);
        content.find('li').hoverClass();
    
        // Send the content to the menu
        menu.html(content);
    
        $.each(cur.bindings, function(id, func) {
            $("[rel='"+id+"']", menu).bind('click', function(e) {
                hide();
                func($(trigger), $("#"+cur.id));
            });
        });
        
        var posX = e.pageX;
        var posY = e.pageY;
        if ($(window).width() < posX + menu.width()) posX -= menu.width();
        if ($(window).height() < posY + menu.height()) posY -= menu.height();
 
        menu.css({'left':posX,'top':posY}).show();
        if (cur.shadow) shadow.css({width:menu.width(),height:menu.height(),left:posX+3,top:posY+3}).show();
        $(document).one('click', hide);
        
        if ($.isFunction(cur.ctrSub)) {cur.ctrSub($(trigger), $("#"+cur.id));}
    }
    
    function hide() {
        menu.hide();
        shadow.hide();
    }
})(jQuery);