From 3da2f274a5c637d7eb13ab1d6fdcbcf624a93114 Mon Sep 17 00:00:00 2001
From: Kyle Fox <kyle.fox@gmail.com>
Date: Fri, 19 Nov 2010 12:07:22 -0700
Subject: [PATCH] Added an image ... *sigh*.  Bumped version to 0.2.1 (will
 start doing patch version increments for minor fixes).

---
 README.md            |  16 +++++++++++++++-
 close.png            | Bin 0 -> 1910 bytes
 examples/index.html  |  31 +++++++++++++++++++++++++++++--
 jquery.modal.css     |  11 +++++++++++
 jquery.modal.js      |   8 ++++++--
 jquery.modal.min.js  |   7 ++++---
 jquery.modal.pack.js |   4 ++--
 7 files changed, 67 insertions(+), 10 deletions(-)
 create mode 100644 close.png

diff --git a/README.md b/README.md
index 59d8d92..d847005 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@ By contrast, this plugin handles the two most common scenarios I run into
 * displaying an existing DOM element
 * loading a page with AJAX
 
-and does so with as little HTML & CSS as possible -- and **no images.**
+and does so with as little HTML & CSS as possible.
 
 # Installation
 
@@ -78,6 +78,20 @@ However, when this occurs, you will probably want to at least re-center the moda
 
     $.fn.modal.resize()
     
+# Options
+
+These are the supported options and their default values:
+
+    $.fn.modal.defaults = {
+      overlay: "#000",        // Overlay color
+      opacity: 0.75,          // Overlay opacity
+      zIndex: 1,              // Overlay z-index.
+      escapeClose: true,      // Allows the user to close the modal by pressing `ESC`
+      clickClose: true,       // Allows the user to close the modal by clicking the overlay
+      showClose: true         // Shows a (X) icon/link in the top-right corner
+      modalClass: "modal",    // CSS class added to the element being displayed in the modal.
+    };
+    
 # Events
 
 The following events are triggered on the modal element at various points in the open/close cycle.  Hopefully the names are self-explanatory.
diff --git a/close.png b/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..4de4396d4a09677774f79289de2a09511baeea22
GIT binary patch
literal 1910
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

literal 0
HcmV?d00001

diff --git a/examples/index.html b/examples/index.html
index 56b27ca..d146250 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -10,7 +10,8 @@
   <script type="text/javascript" charset="utf-8"> hljs.initHighlightingOnLoad(); </script>
   <link rel="stylesheet" href="highlight/github.css" type="text/css" media="screen" />
   <style type="text/css" media="screen">
-    body { font: normal 14px/21px "Helvetica Neue", Arial, sans-serif; color: #777; padding: 30px 60px; }
+    html { background: #ddd; }
+    body { font: normal 14px/21px "Helvetica Neue", Arial, sans-serif; color: #777; padding: 30px 60px; width: 740px; margin: 0 auto; background: #fff; }
     small { color: #aaa; }
     h1,h2,h3,h4 { color: #444; }
     a { color: #0086B3; font-weight: bold; }
@@ -78,7 +79,7 @@ <h1>jQuery Modal</h1>
     
 <hr />
 
-<h3>Example 1 (simplest): Open &amp; Close with links</h3>
+<h2>Example 1 (simplest): Open &amp; Close with links</h2>
 <ol>
   <li>Embed modal HTML in document <small>(and hide it)</small></li>
   <li>Create a link with <code>rel="modal:open"</code> and set the <code>href</code> attribute to the modal's DOM id.</li> 
@@ -142,6 +143,23 @@ <h2>Example 3: resizing</h2>
 <h2>Example 4: AJAX</h2>
 <p>This <a href="ajax.html" rel="modal:open">example</a> loads HTML with AJAX.</p>
   
+<hr />
+
+<h2>Example 5: the un-closable window</h2>
+<p>
+  This <a href="#ex5">example</a> demonstrates how to disable the default methods of closing the modal:
+  
+<pre><code> $("#sticky").modal({
+  escapeClose: false,
+  clickClose: false,
+  showClose: false
+});</code></pre>
+  
+  
+</p>
+<div id="ex5" class="modal">
+  <p>If you do this, be sure to provide the user with an alternate method of <a href="#" rel="modal:close">closing the window.</a></p>
+</div>
   
 <script type="text/javascript" charset="utf-8">
   $(function() {
@@ -163,6 +181,15 @@ <h2>Example 4: AJAX</h2>
       return false;
     });
     
+    $('a[href="#ex5"]').click(function() {
+      $($(this).attr('href')).modal({
+        escapeClose: false,
+        clickClose: false,
+        showClose: false
+      });
+      return false;
+    });
+    
   });
 </script>
 </body> 
diff --git a/jquery.modal.css b/jquery.modal.css
index f929917..79cd83d 100644
--- a/jquery.modal.css
+++ b/jquery.modal.css
@@ -9,4 +9,15 @@
   -webkit-box-shadow: 0 0 10px #000;
   -moz-box-shadow: 0 0 10px #000;
   box-shadow: 0 0 10px #000;
+}
+
+.modal a.close-modal {
+  position: absolute;
+  top: -12.5px;
+  right: -12.5px;
+  display: block;
+  width: 30px;
+  height: 30px;
+  text-indent: -9999px;
+  background: url(close.png) no-repeat 0 0;
 }
\ No newline at end of file
diff --git a/jquery.modal.js b/jquery.modal.js
index 9583e80..cd8c38d 100644
--- a/jquery.modal.js
+++ b/jquery.modal.js
@@ -1,6 +1,6 @@
 /*
     A simple jQuery modal (http://github.com/kylefox/jquery-modal)
-    Version 0.2
+    Version 0.2.1
 */
 (function() {
 
@@ -41,6 +41,9 @@
 
     function show() {
       center_modal(current_modal);
+      if(options.showClose) {
+        current_modal.elm.append('<a href="#close-modal" rel="modal:close" class="close-modal">Close</a>');
+      }
       $elm.addClass(options.modalClass).addClass('current').show();
       $elm.trigger($.fn.modal.OPEN, [current_modal]);
     }
@@ -58,7 +61,8 @@
     zIndex: 1,
     escapeClose: true,
     clickClose: true,
-    modalClass: "modal"
+    modalClass: "modal",
+    showClose: true
   };
 
   // Event constants:
diff --git a/jquery.modal.min.js b/jquery.modal.min.js
index ea007df..16b31b5 100644
--- a/jquery.modal.min.js
+++ b/jquery.modal.min.js
@@ -1,13 +1,14 @@
 /*
     A simple jQuery modal (http://github.com/kylefox/jquery-modal)
-    Version 0.2
+    Version 0.2.1
 */
 (function(){var current_modal=null;$.fn.modal=function(options){var $elm=$(this);if($elm.attr('href')){$elm.click(open_modal_from_link);return;}
 options=$.extend({},$.fn.modal.defaults,options);function block(){current_modal.blocker=$('<div class="jquery-modal blocker"></div>').css({top:0,right:0,bottom:0,left:0,width:"100%",height:"100%",position:"fixed",zIndex:options.zIndex,background:options.overlay,opacity:options.opacity});if(options.escapeClose){$(document).keydown(function(event){if(event.which==27){$.fn.modal.close();}});}
 if(options.clickClose){current_modal.blocker.click($.fn.modal.close);}
 $('body').append(current_modal.blocker);$elm.trigger($.fn.modal.BLOCK,[current_modal]);}
-function show(){center_modal(current_modal);$elm.addClass(options.modalClass).addClass('current').show();$elm.trigger($.fn.modal.OPEN,[current_modal]);}
-current_modal={elm:$elm,options:options};$elm.trigger($.fn.modal.BEFORE_BLOCK,[current_modal]);block();$elm.trigger($.fn.modal.BEFORE_OPEN,[current_modal]);show();};$.fn.modal.defaults={overlay:"#000",opacity:0.75,zIndex:1,escapeClose:true,clickClose:true,modalClass:"modal"};$.fn.modal.BEFORE_BLOCK='modal:before-block';$.fn.modal.BLOCK='modal:block';$.fn.modal.BEFORE_OPEN='modal:before-open';$.fn.modal.OPEN='modal:open';$.fn.modal.BEFORE_CLOSE='modal:before-close';$.fn.modal.CLOSE='modal:close';$.fn.modal.close=function(event){if(event){event.preventDefault();}
+function show(){center_modal(current_modal);if(options.showClose){current_modal.elm.append('<a href="#close-modal" rel="modal:close" class="close-modal">Close</a>');}
+$elm.addClass(options.modalClass).addClass('current').show();$elm.trigger($.fn.modal.OPEN,[current_modal]);}
+current_modal={elm:$elm,options:options};$elm.trigger($.fn.modal.BEFORE_BLOCK,[current_modal]);block();$elm.trigger($.fn.modal.BEFORE_OPEN,[current_modal]);show();};$.fn.modal.defaults={overlay:"#000",opacity:0.75,zIndex:1,escapeClose:true,clickClose:true,modalClass:"modal",showClose:true};$.fn.modal.BEFORE_BLOCK='modal:before-block';$.fn.modal.BLOCK='modal:block';$.fn.modal.BEFORE_OPEN='modal:before-open';$.fn.modal.OPEN='modal:open';$.fn.modal.BEFORE_CLOSE='modal:before-close';$.fn.modal.CLOSE='modal:close';$.fn.modal.close=function(event){if(event){event.preventDefault();}
 if(!current_modal){return;}
 current_modal.elm.trigger($.fn.modal.BEFORE_CLOSE,[current_modal]);current_modal.blocker.remove();current_modal.elm.hide();current_modal.elm.trigger($.fn.modal.CLOSE,[current_modal]);current_modal=null;};$.fn.modal.resize=function(){center_modal(current_modal);};function open_modal_from_link(event){event.preventDefault();var target=$(this).attr('href');if(target.match(/^#/)){$(target).modal();}else{$.get(target,{},function(html){$(html).appendTo('body').bind('modal:close',function(event,modal){modal.elm.remove();}).modal();});}}
 function center_modal(modal){modal.elm.css({position:'fixed',top:"50%",left:"50%",marginTop:-(modal.elm.height()/2),marginLeft:-(modal.elm.outerWidth()/2),zIndex:modal.options.zIndex+1});};$('a[rel="modal:open"]').live('click',open_modal_from_link);$('a[rel="modal:close"]').live('click',$.fn.modal.close);})();
\ No newline at end of file
diff --git a/jquery.modal.pack.js b/jquery.modal.pack.js
index 342c6d6..ce789c3 100644
--- a/jquery.modal.pack.js
+++ b/jquery.modal.pack.js
@@ -1,5 +1,5 @@
 /*
     A simple jQuery modal (http://github.com/kylefox/jquery-modal)
-    Version 0.2
+    Version 0.2.1
 */
-eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(8(){l 5=q;$.4.3=8(7){l $6=$(O);c($6.W(\'V\')){$6.g(m);t}7=$.13({},$.4.3.v,7);8 i(){5.e=$(\'<z 18="17-3 e"></z>\').S({I:0,16:0,15:0,M:0,19:"y%",P:"y%",K:"J",f:7.f,X:7.w,p:7.p});c(7.A){$(Y).12(8(9){c(9.Z==11){$.4.3.b()}})}c(7.B){5.e.g($.4.3.b)}$(\'R\').10(5.e);$6.d($.4.3.D,[5])}8 n(){j(5);$6.x(7.u).x(\'14\').n();$6.d($.4.3.G,[5])}5={6:$6,7:7};$6.d($.4.3.E,[5]);i();$6.d($.4.3.C,[5]);n()};$.4.3.v={w:"#1l",p:0.1a,f:1,A:F,B:F,u:"3"};$.4.3.E=\'3:k-i\';$.4.3.D=\'3:i\';$.4.3.C=\'3:k-o\';$.4.3.G=\'3:o\';$.4.3.s=\'3:k-b\';$.4.3.r=\'3:b\';$.4.3.b=8(9){c(9){9.H()}c(!5){t}5.6.d($.4.3.s,[5]);5.e.L();5.6.1b();5.6.d($.4.3.r,[5]);5=q};$.4.3.1f=8(){j(5)};8 m(9){9.H();l h=$(O).W(\'V\');c(h.1g(/^#/)){$(h).3()}1e{$.1d(h,{},8(T){$(T).1c(\'R\').1h(\'3:b\',8(9,3){3.6.L()}).3()})}}8 j(3){3.6.S({K:\'J\',I:"N%",M:"N%",1i:-(3.6.P()/2),1k:-(3.6.1j()/2),f:3.7.f+1})};$(\'a[Q="3:o"]\').U(\'g\',m);$(\'a[Q="3:b"]\').U(\'g\',$.4.3.b)})();',62,84,'|||modal|fn|current_modal|elm|options|function|event||close|if|trigger|blocker|zIndex|click|target|block|center_modal|before|var|open_modal_from_link|show|open|opacity|null|CLOSE|BEFORE_CLOSE|return|modalClass|defaults|overlay|addClass|100|div|escapeClose|clickClose|BEFORE_OPEN|BLOCK|BEFORE_BLOCK|true|OPEN|preventDefault|top|fixed|position|remove|left|50|this|height|rel|body|css|html|live|href|attr|background|document|which|append|27|keydown|extend|current|bottom|right|jquery|class|width|75|hide|appendTo|get|else|resize|match|bind|marginTop|outerWidth|marginLeft|000'.split('|'),0,{}))
\ No newline at end of file
+eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(9(){r 5=L;$.4.3=9(7){r $6=$(X);c($6.W(\'m\')){$6.h(o);t}7=$.17({},$.4.3.E,7);9 g(){5.e=$(\'<D z="16-3 e"></D>\').N({Q:0,18:0,15:0,T:0,1a:"C%",S:"C%",M:"P",f:7.f,1b:7.F,s:7.s});c(7.J){$(14).10(9(b){c(b.11==13){$.4.3.8()}})}c(7.I){5.e.h($.4.3.8)}$(\'U\').B(5.e);$6.d($.4.3.K,[5])}9 q(){j(5);c(7.y){5.6.B(\'<a m="#8-3" p="3:8" z="8-3">12</a>\')}$6.A(7.H).A(\'1c\').q();$6.d($.4.3.u,[5])}5={6:$6,7:7};$6.d($.4.3.G,[5]);g();$6.d($.4.3.x,[5]);q()};$.4.3.E={F:"#1i",s:0.1f,f:1,J:l,I:l,H:"3",y:l};$.4.3.G=\'3:k-g\';$.4.3.K=\'3:g\';$.4.3.x=\'3:k-n\';$.4.3.u=\'3:n\';$.4.3.w=\'3:k-8\';$.4.3.v=\'3:8\';$.4.3.8=9(b){c(b){b.Y()}c(!5){t}5.6.d($.4.3.w,[5]);5.e.O();5.6.1g();5.6.d($.4.3.v,[5]);5=L};$.4.3.1h=9(){j(5)};9 o(b){b.Y();r i=$(X).W(\'m\');c(i.1n(/^#/)){$(i).3()}1e{$.1k(i,{},9(Z){$(Z).1d(\'U\').1j(\'3:8\',9(b,3){3.6.O()}).3()})}}9 j(3){3.6.N({M:\'P\',Q:"V%",T:"V%",1m:-(3.6.S()/2),1l:-(3.6.19()/2),f:3.7.f+1})};$(\'a[p="3:n"]\').R(\'h\',o);$(\'a[p="3:8"]\').R(\'h\',$.4.3.8)})();',62,86,'|||modal|fn|current_modal|elm|options|close|function||event|if|trigger|blocker|zIndex|block|click|target|center_modal|before|true|href|open|open_modal_from_link|rel|show|var|opacity|return|OPEN|CLOSE|BEFORE_CLOSE|BEFORE_OPEN|showClose|class|addClass|append|100|div|defaults|overlay|BEFORE_BLOCK|modalClass|clickClose|escapeClose|BLOCK|null|position|css|remove|fixed|top|live|height|left|body|50|attr|this|preventDefault|html|keydown|which|Close|27|document|bottom|jquery|extend|right|outerWidth|width|background|current|appendTo|else|75|hide|resize|000|bind|get|marginLeft|marginTop|match'.split('|'),0,{}))