Changeset 15750 for trunk/inc

Timestamp:

12/12/11 21:49:12 (6 months ago)

Author:

Alexander Trofimov

Message:

Popup

File:

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

trunk/inc/js/jquery.dolPopup.js

@@ -12 +12 @@
             closeOnOuterClick: true,
             closeElement: '.bx-popup-element-close', // link to element which will close popup
-            position: 'centered', // | 'centered-absolute' | 'absolute' | 'fixed' | event | element,
+            position: 'centered', // | 'centered-absolute' | 'absolute' | 'fixed' | event | element,            
             fog: {color: '#fff', opacity: .7}, // {color, opacity},
+            pointer: false, // {el:(string_id|jquery_object), align: (left|right|center)},
             left: 0, // only for fixed or absolute
             top: 0, // only for fixed
             onBeforeShow: function () {},
             onShow: function () {},
-            speed: 400
+            speed: 150
         };
 
         var o = $.extend({}, defaults, options);
+
+        var defaults_pointer = {
+            align: 'right',
+            offset: 0,
+            offset_pointer: 1
+        }
+
+        if (false != o.pointer) {
+            o.fog = false;
+            o.pointer = $.extend({}, defaults_pointer, o.pointer);
+        }
 
         if (o.fog && !$('#dolPopupFog').length) {
@@ -140 +152 @@
         return this.each(function() {
             var $el = $(this);
-
-            if (o.position == 'fixed' || o.position == 'absolute') {
+            
+            if (o.pointer != false) {                
+                
+                var ePointAt = 'string' == o.pointer.el ? $(o.pointer.el) : o.pointer.el;
+                if (!ePointAt)
+                    ePointAt = $('body');
+
+                $el.position({
+                    of: ePointAt,
+                    my: o.pointer.align + ' top',
+                    at: o.pointer.align + ' bottom',
+                    collision: 'flip none',
+                    offset: '0 ' + o.pointer.offset
+                });
+
+                $el.find('.bx-popup-box-pointer').css('display', 'block').position({
+                    of: ePointAt,
+                    my: 'right top',
+                    at: 'center bottom',
+                    offset: '0 ' + (o.pointer.offset + o.pointer.offset_pointer)
+                }); 
+
+            } else if (o.position == 'fixed' || o.position == 'absolute') {
                 $el.css({
                     position: o.position,