1 | // |
---|
2 | // pop! for jQuery |
---|
3 | // v0.2 requires jQuery v1.2 or later |
---|
4 | // |
---|
5 | // Licensed under the MIT: |
---|
6 | // http://www.opensource.org/licenses/mit-license.php |
---|
7 | // |
---|
8 | // Copyright 2007,2008 SEAOFCLOUDS [http://seaofclouds.com] |
---|
9 | // |
---|
10 | |
---|
11 | (function($) { |
---|
12 | |
---|
13 | $.pop = function(options){ |
---|
14 | |
---|
15 | // settings |
---|
16 | var settings = { |
---|
17 | pop_class : '.pop', |
---|
18 | pop_toggle_text : '' |
---|
19 | } |
---|
20 | |
---|
21 | // inject html wrapper |
---|
22 | function initpops (){ |
---|
23 | $(settings.pop_class).each(function() { |
---|
24 | var pop_classes = $(this).attr("class"); |
---|
25 | $(this).addClass("pop_menu"); |
---|
26 | $(this).wrap("<div class='"+pop_classes+"'></div>"); |
---|
27 | $(".pop_menu").attr("class", "pop_menu"); |
---|
28 | $(this).before(" \ |
---|
29 | <div class='pop_toggle'>"+settings.pop_toggle_text+"</div> \ |
---|
30 | "); |
---|
31 | }); |
---|
32 | } |
---|
33 | initpops(); |
---|
34 | |
---|
35 | // assign reverse z-indexes to each pop |
---|
36 | var totalpops = $(settings.pop_class).size() + 1000; |
---|
37 | $(settings.pop_class).each(function(i) { |
---|
38 | var popzindex = totalpops - i; |
---|
39 | $(this).css({ zIndex: popzindex }); |
---|
40 | }); |
---|
41 | // close pops if user clicks outside of pop |
---|
42 | activePop = null; |
---|
43 | function closeInactivePop() { |
---|
44 | $(settings.pop_class).each(function (i) { |
---|
45 | if ($(this).hasClass('active') && i!=activePop) { |
---|
46 | $(this).removeClass('active'); |
---|
47 | } |
---|
48 | }); |
---|
49 | return false; |
---|
50 | } |
---|
51 | $(settings.pop_class).mouseover(function() { activePop = $(settings.pop_class).index(this); }); |
---|
52 | $(settings.pop_class).mouseout(function() { activePop = null; }); |
---|
53 | |
---|
54 | $(document.body).click(function(){ |
---|
55 | closeInactivePop(); |
---|
56 | }); |
---|
57 | // toggle that pop |
---|
58 | $(".pop_toggle").click(function(){ |
---|
59 | $(this).parent(settings.pop_class).toggleClass("active"); |
---|
60 | }); |
---|
61 | } |
---|
62 | |
---|
63 | })(jQuery); |
---|