Add the option to close the popup on background click

README.md

@@ -101,6 +101,7 @@ Name | Type | Default | Description
 **cookieExp** | integer | 30 | The number of days to set the cookie for. A cookie is used to track if the popup has already been shown to a specific visitor. If the popup has been shown, it will not show again until the cookie expires. A value of 0 will always show the popup.
 **showOncePerSession** | boolean | false | If true, the popup will only show once per browser session. If false and cookieExp is set to 0, the popup will show multiple times in a single browser session.
 **onPopup** | function | null | A callback function to be called when the popup is displayed in the browser.
+**closeOnBackgroundClick** | boolean | false | If true, the popup will close when the user clicks the background.
 
 # License
 

js/bioep.js

@@ -18,6 +18,7 @@ window.bioEp = {
 	cookieExp: 30,
 	showOncePerSession: false,
 	onPopup: null,
+	closeOnBackgroundClick: false,
 
 	// Object for handling cookies, taken from QuirksMode
 	// http://www.quirksmode.org/js/cookies.html
@@ -253,6 +254,13 @@ window.bioEp = {
 			bioEp.hidePopup();
 		});
 
+		// Handle the background click close event
+		if(this.closeOnBackgroundClick) {
+			this.addEvent(this.bgEl, "click", function() {
+				bioEp.hidePopup();
+			});
+		}
+
 		// Handle window resizing
 		this.addEvent(window, "resize", function() {
 			bioEp.scalePopup();
@@ -271,6 +279,7 @@ window.bioEp = {
 		this.cookieExp = (typeof opts.cookieExp === 'undefined') ? this.cookieExp : opts.cookieExp;
 		this.showOncePerSession = (typeof opts.showOncePerSession === 'undefined') ? this.showOncePerSession : opts.showOncePerSession;
 		this.onPopup = (typeof opts.onPopup === 'undefined') ? this.onPopup : opts.onPopup;
+		this.closeOnBackgroundClick = (typeof opts.closeOnBackgroundClick === 'undefined') ? this.closeOnBackgroundClick : opts.closeOnBackgroundClick;
 	},
 
 	// Ensure the DOM has loaded