lazybox 0.0.7 → 0.0.8

data/README.md

@@ -4,7 +4,7 @@ Lazybox is a jQuery-based, lightbox which can display entire remote pages.
 Use lazybox with rails 3.1 asset pipeline.
 
 LazyBox implemented using only with css and jquery without images.
-This is hight perfomance modal dialogs. All unpacked files take only 2.5 kb.
+This is high perfomance modal dialogs. All unpacked files take only 3 kb.
 You never find simplest solution for popup windows.
 
 # Installation
@@ -33,6 +33,8 @@ Include in your `app/assets/javascripts/application.js`:
 
     $(document).ready(function() {
       $('a[rel*=lazybox]').lazybox();
+      // or with options
+      $('a[rel*=lazybox]').lazybox({overlay: true, esc: true, close: true, modal: true, opacity: 0.3, cssClass: 'class'});
     });
 
 In your view:
@@ -69,9 +71,22 @@ or you can set before_filter that will disable layout for ajax requests:
     - if @model.errors.any?
       $('#lazybox_body').html("#{escape_javascript(render :partial => 'form')}");
     - else
-      $('a#lazybox_close').click();
+      $(document).trigger('close.lazybox')
       window.location.reload();
 
+# Options
+
+    overlay:  true|false //default true. Show lazybox overlay.
+    esc:      true|false //default true. Close lazybox on esc press.
+    close:    true|false //default true. Show close lazybox button.
+    modal:    true|false //default true. Close lazybox on overlay click.
+    opacity:  0.6 //default 0.3. Set opacity for lazybox overlay.
+    cssClass:    'class' // Set class for lazybox. <div id='lazybox' class='class'>...</div>
+
+# Events
+
+    $(document).trigger('close.lazybox')
+
 #
 
 Copyright© Alex Galushka

data/lib/lazybox/version.rb

@@ -1,3 +1,3 @@
 module Lazybox
-  VERSION = "0.0.7"
+  VERSION = "0.0.8"
 end

data/vendor/assets/javascripts/lazybox.js

@@ -1,35 +1,51 @@
 (function($){
-  $.fn.extend({
-    lazybox: function(options) {
-      this.live('click', function(e){
-        e.preventDefault();
-        c = ($.browser.msie) ? ' class="ie" ' : '';
+  $.fn.lazybox = function(options){
+    var defaults = {overlay: true, esc: true, close: true, modal: true, opacity: 0.3};
+    var options = $.extend(defaults, options);
+
+    this.live('click', function(e){
+      e.preventDefault();
+      if (options.overlay) {
         $('body:not(:has(#lazybox_overlay))').append("<div id='lazybox_overlay' style='display:none'></div>");
+        $('#lazybox_overlay').css({filter: 'alpha(opacity='+options.opacity*100+')', opacity: options.opacity});
         $('#lazybox_overlay').fadeIn(500);
-        $.ajax({
-          url: $(this).attr('href'),
-          success: function(data){
-            $('body:not(:has(#lazybox))').append("<div id='lazybox' style=''><a id='lazybox_close'"+c+" title='close'>×</a><div id='lazybox_body'></div></div>");
-            $('#lazybox_body').html(data);
-            $('#lazybox').fadeIn(300, function(){
-              var x = (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop();
-              $(this).css({
-                top: ((x < 0) ? 20 : x),
-                left:(($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()
-              });
-            });
+      }
+
+      $.ajax({
+        url: $(this).attr('href'),
+        success: function(data){
+          $('body:not(:has(#lazybox))').append("<div id='lazybox'><div id='lazybox_body'></div></div>");
+          if (options.cssClass) { $('#lazybox').addClass(options.cssClass) } else { $('#lazybox').removeClass(); }
+          if (options.close) {
+            $('#lazybox:not(:has(#lazybox_close))').prepend($("<a id='lazybox_close' title='close'>×</a>"));
+            if ($.browser.msie) $('#lazybox_close').addClass('ie');
+          } else $('#lazybox_close').remove();
+          $('#lazybox_body').html(data);
+          center_lazybox();
+          $('#lazybox').fadeIn(300);
+          if (!options.modal) { $('#lazybox_overlay').bind('click', function(){ close_lazybox() }) } else { $('#lazybox_overlay').unbind(); }
           },
-          error: function(){
-            $('#lazybox_overlay').fadeOut(500);
-          }
-        });
+        error: function(){
+          $('#lazybox_overlay').fadeOut(500);
+        }
       });
-    }
-  });
-})(jQuery);
+    });
+
+    if (options.close) $('#lazybox_close').live('click', function(){ close_lazybox() });
+    if (!options.modal && options.overlay) { $('#lazybox_overlay').bind('click', function(){ close_lazybox() }) } else { $('#lazybox_overlay').unbind(); }
+    $(document).keyup(function(e) { if (e.keyCode == 27 && options.esc) close_lazybox() });
+  }
 
-$('#lazybox_close').live('click', function(){
-  $('#lazybox').fadeOut(300);
-  $('#lazybox_overlay').fadeOut(500);
-});
+  function close_lazybox(){
+    $('#lazybox').fadeOut(300);
+    $('#lazybox_overlay').fadeOut(500);
+  }
+
+  function center_lazybox(){
+    var x = (($(window).height() - $('#lazybox').outerHeight()) / 2) + $(window).scrollTop();
+    $('#lazybox').css({ top: ((x < 0) ? 20 : x), left:(($(window).width() - $('#lazybox').outerWidth()) / 2) + $(window).scrollLeft() });
+  }
+
+  $(document).bind('close.lazybox', function(){ close_lazybox() });
+})(jQuery);
 

data/vendor/assets/stylesheets/lazybox.css

@@ -5,7 +5,6 @@
   bottom: 0px;
   left: 0px;
   right: 0px;
-  opacity: 0.3;
   z-index: 100;
 }
 
@@ -31,7 +30,7 @@
 
 a#lazybox_close {
   color: white;
-  font: bold 24px/100% Arial, Helvetica, sans-serif;
+  font: bold 24px/100% Arial, Helvetica, sans-serif !important;
   float: right;
   margin-top: -35px;
   margin-right: -35px;
@@ -51,9 +50,10 @@ a#lazybox_close:hover { color: black; border-color: black; background: white; }
 
 a#lazybox_close.ie {
   border: none;
-  margin-top: -21px;
-  margin-right: -21px;
+  margin-top: -20px;
+  margin-right: -20px;
   background: white;
   color: gray;
 }
-a#lazybox_close.ie:hover {color: black;}
+
+a#lazybox_close.ie:hover { color: black; }

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: lazybox
 version: !ruby/object:Gem::Version 
-  hash: 17
+  hash: 15
   prerelease: 
   segments: 
   - 0
   - 0
-  - 7
-  version: 0.0.7
+  - 8
+  version: 0.0.8
 platform: ruby
 authors: 
 - Alex Galushka
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-12-05 00:00:00 Z
+date: 2011-12-07 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: rails